HTML+CSS+JavaScript

Помогите сделать раскрывающиеся меню любого из рисунков (чтобы при нажатие на рисунок раскрывалось меню) ориентируясь на ниже написаном коде.

<table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <td bgcolor="#E6E6E6" valign="top"><table width="780" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top" colspan="2"><img src="images/m1.jpg" border="0" width="105" height="28" alt=""><img src="images/m2.jpg" border="0" width="87" height="28" alt=""><img src="images/m3.jpg" border="0" width="85" height="28" alt=""><img src="images/m4.jpg" border="0" width="125" height="28" alt=""><img src="images/m5.gif" border="0" width="98" height="28" alt=""><img src="images/m6.gif" border="0" width="85" height="28" alt=""><img src="images/m7.gif" border="0" width="95" height="28" alt=""><img src="images/m8.gif" border="0" width="100" height="28" alt=""></td> </tr>

тебе нада на JS прописывать инфу) ксожалению немагу дать(..

У меня есть в книге пример этого меню для текста, но я не могу догнать как для картинки делать.