So the div with ID abc is hidden at the start, no problem.
The link <a id=”trigger”> contains an href, when clicked it shows the div called abc, no problem. This is done using click(function and .show.

But when I add a line to the the click(function to hide the a tag, it doesn’t work: even worse: the initially hidden div abc is now shown when the page is loaded.
Somebody suggested that maybe this is because the a tag is an inline element, and not a block element, so it can’t be hidden? (I know nothing about that).

So I subsequently tried to put a div tag with ID called xyz around (the paragraph containing) the ‘trigger’ a tag, so I could try to make the div dissapear in stead of the a tag. I’m not sure how to do this regarding syntax, or where to put it exactly, however, as I am completely new to jsquery. I’ve tried several ways, but with the same sorry result: the target div abc is showing when the page is loaded, and it should be hidden, and the trigger is still showing after the click on the link.

This is what I’ve written in the body:

<a id="showhidetrigger" href="...

This what I’ve written just before the /body

        $(document).ready(function () {
            $('#showhidetarget').hide();

            $('a#showhidetrigger').click(function () {
                $('#abc').show(200);
                $(‘#xyz’).hide();
            });
        });

I have not used (document).ready(function anywhere, it didn’t seem necessary as everything works just fine, until I try to add the code to make the intial link dissapear…

I hope anybody can help?

Thanks in advance,

Thomas (Belgium)

The simplest way to hide the clicked element on click is to do $(this).hide(); inside the click handler.