I have HTML like so with a bunch of <fieldset> tags: <fieldset><legend>[ Title1 ]</legend><div id='wc1'></div></fieldset> <fieldset><legend>[ Title2 ]</legend><div id='wc2'></div></fieldset> .. <fieldset><legend>[ Titlen ]</legend><div id='wcn'></div></fieldset>
These fade in and out and I had this for the fade out: $('[EMAIL PROTECTED]').click( function() { $(this).text("").fadeOut(250); }); But I don't want to click the div container to fade out, but rather the legend, and then fade out the div container that immediately follows it.. How do do this using selectors? I tried this incorrect syntax among other things and it didn't work: $('legend').click( function() { $(this:first-child).fadeOut(250); }); Thanks -- HLS