If you really don't want to use Javascript, here's a way to accomplish this with HTML and CSS3 only.
Place each radio button directly before its associated section to show or hide. This way, you can take advantage of the
+ adjacent sibling selector, in combination with the
:checked pseudo-class (CSS3 only), to show the section only if it's preceded by a checked radio button:
input:checked+.TargetSection {
display: block;
}
With absolute positioning, the target section can still be displayed below the radio buttons, even though the markup is mixed together.
Here's a sample:
http://jsfiddle.net/4uM8T/[
^]