<style type="text/css">
#div1, #div2, #div3
{
DISPLAY: none;
}
</style>

<script type="text/javascript">
function Toggle(thediv) {
document.getElementById("div1").style.display = "none";
document.getElementById("div2").style.display = "none";
document.getElementById("div3").style.display = "none";
document.getElementById(thediv).style.display = "block";
}
</script>

<input type="radio" name="Toggledivs" onclick="Toggle('div1');" />Turn on div 1<br />
<input type="radio" name="Toggledivs" onclick="Toggle('div2');" />Turn on div 2<br />
<input type="radio" name="Toggledivs" onclick="Toggle('div3');" />Turn on div 3<br />

<br /><br />

<div id="div1">I am the content of div 1</div>

<div id="div2">I am the content of div 2</div>

<div id="div3">I am the content of div 3</div>

Kaynak