</script>
       <script type="text/javascript"> 
        $(document).ready(function(){                
        $(".flipa").click(function(){
            $(".panela").slideToggle("slow");
          });
        });
        $(document).ready(function(){                
        $(".flipb").click(function(){
            $(".panelb").slideToggle("slow");
          });
        });
        $(document).ready(function(){                
        $(".flipc").click(function(){
            $(".panelc").slideToggle("slow");
          });
        });
        $(document).ready(function(){                
        $(".flipd").click(function(){
            $(".paneld").slideToggle("slow");
          });
        });
        
        </script>

------解决方案--------------------

HTML code

<div id="outer">
    <a href="url"><img src="url" /></a>
    <div id="inner">
        <ul>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
</div>

------解决方案--------------------
给你看个demo！  纯css的显示隐藏

源码就自己看源文件吧。。应该你想要的效果都能搞定！