Multiple links to different divs

Hi there
I have a couple of images on one page, and when you click on them, each one must display a different div. I’m not sure if this is the correct way of doing it.
I got this code:

<script type="text/javascript">

function showhide(divid, state){
document.getElementById(divid).style.display=state
}

</script>

<a href="#" onClick="showhide('testdiv', 'block'); return false" >Show DIV</a> | <a href="#" onClick="showhide('testdiv', 'none'); return false" >Hide DIV</a>

<div id="testdiv" style="display:none">Some div here</div>

but now, I’ve got multiple link… to link to different div. Should I set up the js and div for each one for them (they include an image and text)… it will be SOOO much code then.

Is there an easier way. Well, I’m sure there is. Just can’t find it!

Thanks for your help…