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 webdeveloper
http://joanpiedra.com/
