Should be pretty simple Miguel.
The first thing I would do is add an ID to each legend and/or image
you want to trigger the show so you can tell which one has been
clicked and add a common class to all the legends and images.
Then put the id as a class of the fieldset you would like to show/
hide.
Finally, I'd use the .toggle function of jquery, so like this
[code]
$('.CLASSNAME').clicke(function(){
var whichOne = $(this).attr('id');
$('.'+whichOne).toggle();
});
[/code]
that should do it.
On Nov 4, 10:47 am, shapper <[EMAIL PROTECTED]> wrote:
> Hello,
>
> I have a form as following:
>
> <form id="MyForm">
> <fieldset>
> <legend>Personal Data</legend>
> ....
> </fieldset>
> <fieldset>
> <legend>Options</legend>
> ....
> </fieldset>
> </form>
>
> I would like to hide/show each fieldset when its legend is clicked ...
> ... or even better, adding a small icon on legend or somewhere in
> fieldset to toogle visibility.
>
> How can I do this with JQuery?
>
> Thanks,
> Miguel
