<html>
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<style>
div {
display: none;
}
.show {
display: block;
}
</style>
</head>
<script type="text/javascript">
$(function() {
var bx = $('div'),
bt = $('input:radio').change(function() {
bx.filter('.show')
.removeClass('show')
.end()
.eq(this.value)
.addClass('show');
});
});
</script>
</head>
<body>
<input type="radio" name="b" value="0" checked="" />
<input type="radio" name="b" value="1" />
<input type="radio" name="b" value="2" />
<input type="radio" name="b" value="3" />
<div class="show">111</div>
<div>222</div>
<div>333</div>
<div>444</div>
</body>
</html>
Все это можно организовать и на CSS.
