This seems so common, is there no toggle function?
Btw, what is the best way to add little helpers like that to our own jquery?
Rey Bango-2 wrote:
>
> Hey Andy, you can do something like this:
>
> $(document).ready(function() {
>
> $( "#type" ).change( function() {
> if ( $( this ).val() == "event" )
> $("#zipCode").show();
> else
> $("#zipCode").hide();
> })
> });
>
> <tr id="zipCode">
> <td align="right">Zip Code of event</td>
> <td><input type="text" name="zip" id="zipfield"></td>
> </tr>
> </table>
>
>
> Andy Matthews wrote:
>> I'm working on a mailing list manager and one of the options is to
>> provide a
>> zip code for emailing anyone in that area. I'd like to hide this field
>> unless the user has selected the "Tour Date" option from a select field.
>>
>> The relevant code is below. The second TR (and it's contents) will be
>> hidden
>> by default using CSS, but I want to toggle it's display property when the
>> user selects or deselects the "event" option in the "type" dropdown
>> field.
>>
>> <table>
>> <tr class="formBG">
>> <td class="formlabel" align="right">Mailing Type</td>
>> <td>
>> <select name="type">
>> <option value="general">General Announcement</option>
>> <option value="store">BCC Store Announcement</option>
>> <option value="ckc">Clowndergarten Announcement</option>
>> <option value="event">Event Announcement</option>
>> </select>
>> </td>
>> </tr>
>> <tr class="formBG">
>> <td class="formlabel" align="right">Zip Code of event<br>
>> class="smaller">for event announcement only</td>
>> <td><input type="text" name="zip" id="zipfield" class="zcinput"></td>
>> </tr>
>> </table>
>>
>> How would I do this with jQuery?
>>
>> <!----------------//------
>> andy matthews
>> web developer
>> certified advanced coldfusion programmer
>> ICGLink, Inc.
>> [EMAIL PROTECTED]
>> 615.370.1530 x737
>> --------------//--------->
>>
>>
>> _______________________________________________
>> jQuery mailing list
>> [email protected]
>> http://jquery.com/discuss/
>>
>
> _______________________________________________
> jQuery mailing list
> [email protected]
> http://jquery.com/discuss/
>
>
--
View this message in context:
http://www.nabble.com/best-show-hide-div-code--tf2460435.html#a6862315
Sent from the JQuery mailing list archive at Nabble.com.
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
