-2
私はいくつかのサブアイテムを持つ単純なサイド・ナビゲを作成しようとしています。私はそれをする方法を考え出したと思うが、これが最善の方法であるかどうかは分からない。アイテムをドロップダウンした簡単なサイド・ナビゲーションを作成するには
<ul>
<li>Item 1</li>
<li class="dropdown">Item 2
<ul class="hidden">
<li>Item 2 - subitem1</li>
<li>Item 2 - subitem2</li>
</ul>
</li>
<li>Item 3</li>
<li class="dropdown">Item 4
<ul class="hidden">
<li>Item 4 - subitem1</li>
<li>Item 4 - subitem2</li>
<li>Item 4 - subitem3</li>
</ul>
</li>
<li>Item 5</li>
<style>
ul.hidden {
display:none;
}
</style>
<script>
$(function() {
$('.dropdown').click(function(){
$('.hidden').hide();
$(this).find('.hidden').toggle();
});
});
</script>
私はあなたが[ブートストラップ](http://getbootstrap.com/)、ウェブサイトが超簡単作成作るそのCSSのフレームワークをチェックアウトをお勧めします。 'Boostrap'を使って達成しようとしているものへのリンクがあります。[サイドナビゲーションとドロップダウン](http://bootsnipp.com/snippets/featured/admin-side-menu) –
私は次のようなものを使用しないことを望んでいました。ブートストラップは、(私が必要なものには残酷だが)私は[Cody House](https://codyhouse.co/gem/secondary-expandable-navigation/)のサブアイテムを持つサイドナビゲーションの本当に良い例を見つけた。 – hannahcreative