<div class="div1"> <ul class="menu"><li>1111</li></ul> </div> <div class="div1"> <ul class="menu"><li>2222</li></ul> </div> <div class="div1"> <ul class="menu"><li>3333</li></ul> </div> <div class="div1"> <ul class="menu"><li>4444</li></ul> </div> <div class="div1"> <ul class="menu"><li>5555</li></ul> </div> <script> $(function() { $(".div1").each(function() { $(this).click(function() { $(".menu").hide(); $(this).find(".menu"). show(); }); }); }); </script>

大概是這樣 不知道是不是你要的??

你可以直接找找「css menu」為關鍵字。
或是直接套用 bootstrap 來用也行。

一般基本的搭配css就足夠。
如果要做的比較美化的，才需要再搭配js。