Hiding /showing multiple DIV tags on the same area.

[villeit]

Hi,

 

I have just recently started to play around with JQuery (Version 1.3.2) but I am stuck.

 

I have three images that I that links to three unique DIV tags with text.

When I load the page, I want the content of the three different sections of text to be displayed on the same area (Below the images) depending on what the user has clicked.

 

So I thought that it should be easily done using Z-Index to have each DIV tag in their specific index (So they overlap, but only one is visible at a time) and use the toggle() method in jquery to display the expected div tag and hide the others.  But it doesn't seem to work.

 

Is this a good way of approaching my problem?

Or is there any other (easier) way of to achieve this?

 

Grateful for any help!