Javascriptのドロップダウンメニュー

Question

は、誰もがjqueryのためのいくつかのプラグイン、またはサイト上と同じように動作し、他のJavaScriptライブラリを再開することはできますか？

Answer 1

私はjqueryプラグインを試していましたが、それは私の要求に合っていませんでした。

しかし、私は他のサイトからJSとCSSをコピーして、それが動作させることができています：

http://jstock.sourceforge.net/features.html

Answer 2

jQuery Accordionです。

あなたはそれを試してみる（jQueryのアコーディオンのページから）このコードを使用することができます：

ヘッド：

<script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script> 
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script> 
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.accordion.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$("#accordion").accordion(); 
}); 
</script> 

ボディ：jQueryのを使用して

<div id="accordion"> 
    <h3><a href="#">Section 1</a></h3> 
    <div>Mauris mauris ante</div> 
    <h3><a href="#">Section 2</a></h3> 
    <div>Sed non urna</div> 
    <h3><a href="#">Section 3</a></h3> 
    <div>Nam enim risus </div> 
    <h3><a href="#">Section 4</a></h3> 
    <div>Cras dictum</div> 
</div> 

Answer 3

、私はこのスクリプトを持っています私が使用している：

$(document).ready(function() { 
    $(".nav > li > a").click(function() { 
     $("ul", $(this).parent()).slideToggle("normal"); 
     return false; 
    }); 
    $(".nav ul").hide(); // Hide all on load. Done here rather than in CSS so users 
    // see the menu if they have javascript disabled. 
}); 

このメニューは、HTMLで次のようにマークアップされています。

<ul class="nav"> 
    <li><a href="#">Header</a></li> 
    <li> 
      <ul> 
       <li>Sub list Items</li> 
       <!-- More --> 
      </ul> 
    </li> 
</ul> 

各拡張セクション。

Answer 4

jQueryのはもっとありますいくつかのメニューのプラグイン

• http://css-tricks.com/simple-jquery-dropdowns/
• http://www.sitepoint.com/blogs/2009/03/31/make-a-mega-drop-down-menu-with-jquery/
• http://www.search-this.com/2009/03/17/jquery-dropdown-menu/
• http://css-tricks.com/simple-jquery-dropdowns/

を持っています。私は自分のウェブサイトに自分自身を書きました。 jQueryはとても簡単です。