Hi.

On my website, I have a news section. There are four little "thumbnail" images that the user can click to view news. For example if the user clicking "news1.jpg" I need that to be able to display the DIV "news1". Now say the user clicking the "news3.jpg". I now need it to hide the "news1" DIV and unhide the "news3" DIV. Im kind of stumped of how to do this.

Can anybody help?

Thank You.

<a href="#" onclick="toggleDiv('news1');">(image 1)</a>

And your Javascript (a quick rough cut...I'd suggest making it better as you go along.)

function toggleDiv(divId) {
     for (var i = 1; i < 4; i++) {
          var tempDivId = "news" + i;
          document.getElementById(tempDivId).style.display = 'none'; // this makes all the divs invisible so that none overwrite each other.
     }
     document.getElementById(divId).style.display = 'block';
     return false; // this should avoid accidental clickthroughs if you make the link an active link to something else. Not necessary.
}