Vis ny del af site efter OnClick

Prøv noget i stil med...

<script type="text/javascript">
function showhide() {
var a = document.getElementById('sub').style ;
var b = document.getElementById('menu1') ;
if (b.checked) { a.display = "block"; }
else { a.display = "none"; }
}
</script>

<div id="mindiv" style="width:100px;">
  <input type="radio" name="knap" id="menu1" onclick="showhide()"> Vis nyheder<br>
    <div id="sub" style="position:relative;display:none;left:20px;">
      <input type="radio" name="knap1">Alle nyheder<br>
      <input type="radio" name="knap1">Sidste 5 nyheder
    </div>
  <input type="radio" name="knap" onclick="showhide()">Vis ikke nyheder
</div>

Ha ha ha - Cool =D

Bring on an answer ;o)

-- og man kan da tilføje, at der ofte er brug for at have flere af slagsen, så det er en fordel at lave den en anelse mere generisk:

<script type="text/javascript">
function showhide(trgt,act) {
var a = document.getElementById(trgt).style ;
a.display = act?"block":"none";
}
</script>

<div id="mindiv" style="width:100px;">
  <input type="radio" name="knap" id="menu1" onclick="showhide('sub1',this.checked)"> Vis nyheder<br>
  <div id="sub1" style="position:relative;display:none;left:20px;">
    <input type="radio" name="knap1">Alle nyheder<br>
    <input type="radio" name="knap1">Sidste 5 nyheder
  </div>
  <input type="radio" name="knap" onclick="showhide('sub1',false)">Vis ikke nyheder<br>
  <input type="radio" name="knap" id="menu2" onclick="showhide('sub2',this.checked)"> Vis nyheder<br>
  <div id="sub2" style="position:relative;display:none;left:20px;">
    <input type="radio" name="knap1">Alle nyheder<br>
    <input type="radio" name="knap1">Sidste 5 nyheder
  </div>
  <input type="radio" name="knap" onclick="showhide('sub2',false)">Vis ikke nyheder<br>
  <input type="radio" name="knap" id="menu3" onclick="showhide('sub1',this.checked)"> Vis nyheder<br>
  <div id="sub3" style="position:relative;display:none;left:20px;">
    <input type="radio" name="knap1">Alle nyheder<br>
    <input type="radio" name="knap1">Sidste 5 nyheder
  </div>
  <input type="radio" name="knap" onclick="showhide('sub3',false)">Vis ikke nyheder<br>

</div>

Godt du kunne bruge det :)
Hvis du har brug for "flere af slagsen", så brug roenvings version ;)