I have built a page where I can make text visible when clicking a graphic. There are 4 graphics and 4 different tables. Problem is that the only way to get rid of the previous table is to click that graphic again. Can someone help me to have the table disappear when the next ID (graphic) is clicked? Thanks.

have a function that hides all the elements before showing the one clicked

what would that look like?

http://www.candsdesign.co.uk/article...nus/drop-down/

click on the show code link to see how I do it

function called CollapseAll() in the javscript

Thanks for your help chris. I still am not getting it.

Where do I call the collapse() and do I have to put ' javascript functions copy and past in to an external .js _ file. If so where is that stored..... Thanks again and I will use the same thread from now on. I thought I was in this one but was in the other.... I am seeing how these forums work now.

well you will need to recode the functions to suit your element IDs (or recode your IDs)

the call to collapse the elements would go before the show code, in my case the show function is called ToggleSub() and the element IDs go into the array