このメニューを切り替えられないのはなぜですか？

Question

私のサイトでは（http://test.tamarawobben.nl）私はアコーディオンメニューを使用しています。私が2005年のオプションを選択した後、2006年後には、2005年が閉鎖されると予想していたが、2005年は開いたままである。

誰も私にこのようなことが起こり、それを修正するヒントを教えてもらえますか？

Roelofは

Answer 1

あなたのマークアップは、使用しているプラ​​グインのこの種のために間違っているようです。

あなたのマークアップは、各メニューにはいくつかのメニュー項目で、次のようになります。

<ul class="menu"> 
    <li><a href="#">2005</a></li> 
    <ul> 
    <li>Subitem</li> 
    .... 
    </ul> 
</ul> 

<ul class="menu"> 
    <li><a href="#">2006</a></li> 
    <ul> 
    <li>Subitem</li> 
    .... 
    </ul> 
</ul> 

私はそれを参照してくださいどのように、クラス「メニュー」とul -elementは、ラッパーとして動作するように持っているので、そこだけはず1つの "メニュー"要素であり、その中にすべてのリストがあります。それ以外の場合は、アコーディオンとしては機能しません。

<ul class="menu"> 
    <li><a href="#">2005</a></li> 
    <ul> 
     <li>Subitem</li> 
     .... 
    </ul> 

    <li><a href="#">2006</a></li> 
    <ul> 
     <li>Subitem</li> 
     .... 
    </ul> 
</ul> 

Answer 2

ここでは、あなたの達成しようとしていることの私の実装のjsfiddleです。あなたのコードを提供しなかったので、私はHTMLを推測し、いくつかのjQueryを書きました。

jsfiddle：プロジェクトとhttp://jsfiddle.net/ninty9notout/6E2xJ/1/

幸運。

Answer 3

私の最初の観測は、各メニューのクラス名、すなわちに '折りたたみ可能' を追加する必要があるということです。

<ul class="menu collapsible" id="menu2005"> 

と

<ul class="menu collapsible" id="menu2006"> 

（デモ：http://jsfiddle.net/c24w/zN6d9/）

私はJavaScript、HTML、CSSを知っていますが、jQueryは知りません。 <しかし、どこに行っても私はフィドルとアップデートを持っています！

編集：

OK、jsfiddleに年齢を過ごした後、私はので、JavaScriptのセクションで私の変更が無視された、私SUPIDLYはHTMLセクションからmenu.jsへの参照を削除するのを忘れて実現して:(

とにかく、私はjQueryのを凝視して自分自身のクラッシュコースを与え、それに合理的に馴染みました！私は上記​​の言及のように、私はその愚かなミスを犯したが、私は、私は問題を隔離してくださいました。

を今、ポイントに、私はJavaScriptとBAMに少し変更を加えました： http://jsfiddle.net/c24w/zN6d9/1/

JavaScriptセクションのようにmenu.jsを更新し、上記のクラス名を覚えておいてください！ :)