Simple Show/Hide problem (toggle)
Hello,
I am trying to create a check button on a form that shows or hides a new field dependant on the state of the checkbox. (ie. checked or not checked).
I am a complete jquery newcomer but my research leads me to believe that the code below will help me achieve what I need.
-
$(document).ready(function() {
$('-----').click( function() {
$('-----').toggle();
});
});
The form is generated by 'cforms II' (a wordpress plugin).
The code regarding the checkbox is the following:
-
<li id="li-5-9">
<label id="label-5-9" class="cf-before" for="New-Item">
<span>New Item</span>
</label>
<input id="New-Item" class="cf-box-b fldrequired" type="checkbox" name="New-Item"/>
</li>
And the field that needs toggling is this:
-
<li id="li-5-10">
<label id="label-5-10" for="Item:">
</label>
<select id="Item:" class="cformselect" name="Item:">
</select>
</li>
I suppose the solution is just a case of chosing the correct parts to go into the javascript but I'm not sure which.
Any help is greatly appreciated,
Techrock