Как сделать спойлер в виде картинки?

<div class="spoilertop" onclick="openClose('1')">
<div class="adv" style="text-align: center;"><img src="ссылка на картинку" width="100%"></div>
</div>

<div class="spoilerbox" id="1" style="display:none;">
Содержимое спойлера
</div>

<style>
 .spoilertop {cursor:pointer;}
 </style>

 <script language="javascript" type="text/javascript">
 function openClose(id)
 {
 var obj = "";

 // Check browser compatibility
 if(document.getElementById)
 obj = document.getElementById(id).style;
 else if(document.all)
 obj = document.all[id];
 else if(document.layers)
 obj = document.layers[id];
 else
 return 1;

 // Do the magic 
 if(obj.display == "")
 obj.display = "none";
 else if(obj.display != "none")
 obj.display = "none";
 else
 obj.display = "block";
 }
 </script>