Show hide sub form based on radio button with jquery
I wrote this chunk of code and ended up not using it. So, I thought I would just save it here for my reference, but if it helps anyone...
<script type="text/javascript" src="../js/jquery-1.2.6.pack.js"></script>
<script language="javascript">
function showHide(obj)
{
var showDiv = "#"+obj;
$("div").slideUp("slow");
$(showDiv).slideDown("slow");
}
</script>
<input type="radio" name="honormemory" onChange="showHide(this.value)" value="honor" id="input_radio_honor"> <label for="input_radio_honor">In Honor of:</label><br>
<div id= "honor" style="display:none">
Name: <input type="text" size="30" maxlength="36" name="" value=""><br>
Pass: <input type="text" size="30" maxlength="36" name="" value=""><br>
Foo: <input type="text" size="30" maxlength="36" name="" value="">
</div>
<input type="radio" name="honormemory" onChange="showHide(this.value)" value="memory" id="input_radio_memory"> <label for="input_radio_memory">In Memory of:</label>
<div id= "memory" style="display:none">
Name: <input type="text" size="30" maxlength="36" name="" value=""><br>
Pass: <input type="text" size="30" maxlength="36" name="" value=""><br>
Foo: <input type="text" size="30" maxlength="36" name="" value="">
</div>
<script language="javascript">
function showHide(obj)
{
var showDiv = "#"+obj;
$("div").slideUp("slow");
$(showDiv).slideDown("slow");
}
</script>
<input type="radio" name="honormemory" onChange="showHide(this.value)" value="honor" id="input_radio_honor"> <label for="input_radio_honor">In Honor of:</label><br>
<div id= "honor" style="display:none">
Name: <input type="text" size="30" maxlength="36" name="" value=""><br>
Pass: <input type="text" size="30" maxlength="36" name="" value=""><br>
Foo: <input type="text" size="30" maxlength="36" name="" value="">
</div>
<input type="radio" name="honormemory" onChange="showHide(this.value)" value="memory" id="input_radio_memory"> <label for="input_radio_memory">In Memory of:</label>
<div id= "memory" style="display:none">
Name: <input type="text" size="30" maxlength="36" name="" value=""><br>
Pass: <input type="text" size="30" maxlength="36" name="" value=""><br>
Foo: <input type="text" size="30" maxlength="36" name="" value="">
</div>
There are no comments for this entry.
[Add Comment]