<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
$("
input[name=selection]").click(function(){
var id = $(this).attr(
"id"); //GETS THE "id" OF IMPUT
var id = id.substr(
1); //SUBSTRACTS THE 1ST CHARACTER TO MATCH ITS MESSAGE ID
//Ex: input#i1 & span#s1, GETS "1" FOR COMPARISON
$(
".content").hide(); //HIDE ALL CONTENT EXCEPT FOR THE SELECTED INPUT
$(
"#s"+id).show(); //SHOWS THE CONTENT MATCHING THE SELECTED INPUT
});
});
</script>
<style>
.content {
display: none; !important /*ALL CONTENT HIDDEN UNTIL A RADIO IS SELECTED*/
}
</style>
</head>
<body>
<input id="i1" name="selection" type="radio" value="1">
<input id="i2" name="selection" type="radio" value="1"><br>
<span class="content" id="s1">one</span>
<span class="content" id="s2">two</span>
</body>
</html>
