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

Reply via email to