I am trying to accomplish something like what is used on http://kings.nhl.com/
, specificly the Next Game/Last Game module, or the Schedule/Standings/Stats module.
I would like to show and hide the appropriate div element when the header image is clicked, but I would also like this image to change along with the div.
So basically: when the page initially loads, I would like 1On.gif and 2Off.gif to be visible, along with the contents of divNext. Then when I click on 2Off, it should be replaced with 2On.gif, replace 1On.gif with 1Off.gif, and hide divNext, and show divLast. I hope this is not too confusing.
I have been able to accomplish this with static images that do not change, but I would really like to be able to switch these header images to give the illusion that the user is clicking on tabs and the content is changing back and forth.
Thank you in advance for any help/examples.