JQueryアコーディオンサブメニュー/ネストされていない

私はJQueryアコーディオンを使用していますが、それはうまく動作し、正常に終了します....しかし、アコーディオンサブメニューを追加したいと思います。JQueryアコーディオンサブメニュー/ネストされていない

マイライブラリは：折りたたみ式のdivあまりに

<p><a href="#">TEST MAIN MENU</a></p> 
<div> 

<h3><a href="#">Sub header</a></h3> 
<div>sub content here</div> 

</div> 

and "Sub header" is not styled as a header nor it wraps up the div below it like "TEST MAIN MENU" does... 

On the <head> I have this: 

<script> 
     $(function() { 
      $("#accordion").accordion({ 
        active: false, 
      autoHeight: false, 
      collapsible: true, 
      alwaysOpen: false 
      }); 
     }); 

     function collapseAll() { 
    $("#accordion") 
     .filter(":has(.ui-state-active)") 
     .accordion("activate", -1); 
    $(".ui-accordion-header").blur(); 
} 

</script>

All I need is to make "<h3><a href="#">Sub header</a></h3>"：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
<script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script> 
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/start/jquery-ui.css" type="text/css" rel="Stylesheet" />

私はこのテストを追加しました。

出典

2011-12-28 Satch3000

、jQueryのは、ID =「アコーディオン」を持つ要素を検索しようとするスタイルを適用しますそれ。あなたが現在投稿しているHTMLには、そのような要素はありません。

出典

2011-12-28 14:12:33

アコーディオンにサブメニューを追加することはできません。

""サブヘッダー "はヘッダーとしてスタイル指定されていません"、CSSはどこですか？ヘッダーとしてスタイルされていないということはどういう意味ですか？

あなたが望むものの例を挙げることはできますか？あなたがjsのコード内で「#accordion」を言うときあなたはアコーディオンところで、その後this is your solution.

、内アコーディオンをしたい場合は

出典

2011-12-28 13:46:15 Richard

この回答には2つの質問が含まれています。なぜあなたはサブメニューを持つことができないと言いますか？正当化してください。 –

も1つの答え – Richard

さて、このhttp://jsfiddle.net/qdSu5/ –

JQueryアコーディオンサブメニュー/ネストされていない

答えて

関連する問題