That makes sense Josh...I'll give that a go. _____
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Josh Nathanson Sent: Wednesday, March 21, 2007 12:41 PM To: jQuery Discussion. Subject: Re: [jQuery] toggle a div based on clicking a specific radio button Hi Andy, My approach with radio buttons: - Bind a click function to the group - when clicked, check the value - if it's the one you want, show - otherwise, hide $("[EMAIL PROTECTED]").click(function() { if(this.value == 'm') { $('#manual').show("fast"); } else { $('#manual').hide("fast"); } -- Josh ----- Original Message ----- From: Andy Matthews <mailto:[EMAIL PROTECTED]> To: [jQuery] <mailto:[email protected]> Sent: Wednesday, March 21, 2007 9:57 AM Subject: [jQuery] toggle a div based on clicking a specific radio button I have three radio buttons, each with an id ("p", "s", "m") and a group name of "domainlist". I also have a div with an id ("manual") which contains a textarea box. I'm styling the div to be hidden by default. What I'd like is that when someone clicks the "m" radio button, I'd like to display the manual div but if they click any other radio button, I want to hide it (if it's not already hidden). I know how to access any of the form fields using their ID, but I can never remember how to interact with radio buttons or checkboxes. This is what I've got so far: // it's the third radio button that is "m" $([EMAIL PROTECTED]')get[2].toggle(function(){ $('#manual').slideDown("fast"); },function(){ $('#manual').slideUp("fast"); }); Here's the code: <input type="radio" name="domainlist" value="p" id="p"> <label for="domainlist_p">Run primaries</label><br /> <input type="radio" name="domainlist" value="s" id="s"> <label for="domainlist_s">Run secondaries</label><br /> <input type="radio" name="domainlist" value="m" id="m"> <label for="domainlist_m">Run these</label><br /> <div id="manual"> <textarea name="manual" rows="6" cols="35"></textarea> </div> ____________________________________ Andy Matthews Senior Coldfusion Developer Office: 877.707.5467 x747 Direct: 615.627.9747 Fax: 615.467.6249 [EMAIL PROTECTED] www.dealerskins.com <http://www.dealerskins.com/> _____ _______________________________________________ jQuery mailing list [email protected] http://jquery.com/discuss/
attf350d.bmp
Description: Windows bitmap
_______________________________________________ jQuery mailing list [email protected] http://jquery.com/discuss/
