Adding show/hide to my div tags

Question

so I got 4 div tags, with id\'s - content1; content2; content3 and content4. at start, content1 is only shown, a

Answer 1

If you give your content divs a class, say "content", it is easy to select them as a group and hide them. Similarly, if you give your menu links a class you can assign a click handler to all of them at once. So:

Content 1
Some content here

Note that you don't really need to wrap the code in a document.ready handler if the script block appears after the elements in question, but I've done so here for completeness.

I realise the above may not correspond to your html markup, but since you didn't actually provide your html markup I had to guess...

If there's anything in this answer that you don't understand I suggest you read through some jQuery tutorials, such as this one from the jQuery website; a tutorial is beyond the scope of a StackOverflow answer...