Vis content ved valg a radio knap

Kan du ikke bare droppe værdien og bare vise/skjule ved klik?

<script type="text/javascript">
function ToggleContent(){
  if(document.getElementById("tekst1").style.display=="none"){
    document.getElementById("tekst1").style.display="block";
    document.getElementById("tekst2").style.display="none";
  }else{
    document.getElementById("tekst2").style.display="block";
    document.getElementById("tekst1").style.display="none";
  }
}
</script>

<input name="hvadskalvises" type="radio" value="yes" onclick="ToggleContent()" />

<div id="tekst1" style="display:none">dette tekst skal vises hvis ovenstående er valgt</div>
<div id="tekst2" style="display:none">Tekst 2</div>

Hejsa,

Din løsning virker rigtig godt, nu vises der en tekst når jeg vælger denne radio knap.. men når jeg vælger en anden radio knap i samme række så fjerne den ikke teksten???


<input name="hvadskalvises" type="radio" value="yes" onclick="ToggleContent()" />
<div id="tekst1" style="display:none">der er valgt YES</div>


<input name="hvadskalvises" type="radio" value="no" onclick="ToggleContent()" />
<div id="tekst1" style="display:none">der er valgt NO</div>

Den ene div skal have id="tekst1", den anden skal have id="tekst2"

Der må ikke være 2 ens id'er på en side.

-- man kunne jo også bruge en værdi i kaldet til valget (så undgår man også problemer, hvis man indstiller display i et stylesheet !)

<script type="text/javascript">
function ToggleContent(val){
    document.getElementById("tekst1").style.display = val ? "block" : "none";
    document.getElementById("tekst2").style.display = val ? "none" : "block";
  }
}
</script>

Alternativ 1: <input name="hvadskalvises" type="radio" onclick="ToggleContent(true);">
Alternativ 2: <input name="hvadskalvises" type="radio" onclick="ToggleContent(false);">

<div id="tekst1" style="display:none">dette tekst skal vises hvis ovenstående er valgt</div>
<div id="tekst2" style="display:none">Tekst 2</div>