That did it! Thanks Joan! -- HLS
On Aug 24, 12:51 am, "Joan Piedra" <[EMAIL PROTECTED]> wrote: > Hey Pops, > I have not tested this, but should work. Just use the next node. > > $('legend').click(function(){ > $(this).next().fadeOut(250); > > }); > > On 8/24/07, Pops <[EMAIL PROTECTED]> wrote: > > > > > > > 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 > > -- > Joan Piedra || Frontend webdeveloperhttp://joanpiedra.com/