Show/hide div based on radio button select

hey i’m new to using Javascript and am really struggling!!!

i would like to have 2 radio buttons each with a associated div

when the page loads the first radio button will be checked and its corresponding div will be show

when the user checks the other radio button its corresponding div is shown and the first div is hidden

could anyone help with this?? or point me in the right direction

thanks!

worked it out. here’s my solution if anyone’s interested:

function show_hide(show, hide)
{
document.getElementById(show).style.display=“block”;
document.getElementById(hide).style.display=“none”;
}

<form method=“post” action=“aaa.php”>
<input type=“radio” name=“search” value=“standard” onClick=“show_hide(‘standard’, ‘advanced’)” checked />Standard Search
<div id=“standard” style=“display: block;”>
Standard search div
</div>
<br />
<input type=“radio” name=“search” value=“advanced” onClick=“show_hide(‘advanced’, ‘standard’)” />Advanced search
<div id=“advanced” style=“display: none;”>
Advanced search div
</div>
<br />
<input type=“submit” value=“Submit” />
</form>

good idea, but one question on that.
How do i make a 3rd Div and a third checkbox. ?

I added
function show_hide(show, hide, hide)

and a third
document.getElementById(hide).style.display=“none”;

and a new

onClick=“show_hide(‘advanced’, ‘standard’, ‘newone’)”

on the radio butttons but that dont work !

Any advise ?

best regards
Stefan