I'm trying to create a collapsible form for user to fill out.
Ex. They can pick between submitting a video or a written testimonial. If they pick written testimonial, they have the option of adding a picture. But they should only see that option if they've clicked on written testimonial. I am keeping track of everything via tables.
I am wondering what to wrap the "[expand title="Trigger Text"][/expand]" around. Here's a sample code.
<td> <input id="text002-I want to write (paste) a few words" type="checkbox" name="text002-I want to write (paste) a few words" /> //This is the check box
<label for="text002-I want to write (paste) a few words">I want to write (paste) a few words</label></td> //This is the label that I want to trigger the collapse
</tr>
<tr>
//Below is data that I want hidden until they click that check box above
<td><textarea id="text004" cols="50" name="text004" rows="5"></textarea></td>
</tr>
<tr>
<td>I want to include a picture, too!<input id="docstatus003" type="hidden" name="docstatus003" value="normal" /><input id="varchar003" type="file" name="varchar003" size="30" /></td>
I have tried wrapping it up like that, but it doesn't seem to work. Should I be using divs instead of table cells? How should I integrate the collapse tags?