jQueryのhoverAccordionプラグインを利用したアコーディオンメニュー

説明補足説明コード分割コード関連書籍コメント投稿

このサンプルは、jQueryのhoverAccordion()プラグインを利用してホーバー型のアコーディオンメニューを表示します。マウスをタブ上に移動すると自動的にサブメニューが表示されます。

このサンプルは、jQueryのhoverAccordion()プラグインを利用してホーバー型のアコーディオンメニューを表示します。マウスをタブ上に移動すると自動的にサブメニューが表示されます。



    $(function() {
      $('#accordionMenu').hoverAccordion();
    }); 


 <ul id="accordionMenu">
    <li><a href="#">Item 1</a></li>
    <li><a href="#">Item 2</a>
      <ul>
        <li><a href="?id=2a#ex1">Subitem 2a</a></li>
        <li><a href="?id=2b#ex1">Subitem 2b</a></li>
        <li><a href="?id=2c#ex1">Subitem 2c</a></li>
        <li><a href="?id=2d#ex1">Subitem 2d</a></li>
        <li><a href="?id=2e#ex1">Subitem 2e</a></li>
      </ul>
    </li>
 
  </ul>