網頁中間有個DIV

大家加油
網頁中間有個DIV,並不是放在上方的menu
可能依序排序以下五個
第一個 第二個 第三個 第四個 第五個
這五個按下去後各自出現不同的子選單
或著依序垂直放五個
第一個
第二個
第三個
第四個
第五個
而這五個之一按下去後會出現不同的子選單
請問各位有甚麼樣的設計概念呢?
或著不知可以參考哪一個網站呢?
抑或著該用哪一個關鍵字找?
謝謝
想睡覺
<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。
回到頂部