jQueryの外側のナビゲーション要素のスライダ

Question

4つのクリック可能なリンクがあるナビゲーションを作成しようとしています。これらのリンクはメニューをドロップダウンしてコンテンツを表示しますが、コンテンツはコード内のリンクの直下にはありません。

私はjQueryのリンク（レディース、男性用、ジュニア、店舗）のいずれかをクリックしたときに、それがダウンしてslidetoggle行う必要があります。ここでは、それが現在のようにどのように見えるかのイメージがあります。しかし、他の3つをクリックすると（最初のものがアクティブな間に）、それを元に戻してその特定のナビゲーションリンクのコンテンツを表示し、以前のクリックされたリンクのコンテンツを隠すべきではありません。

以前クリックした女性をクリックしている間に男性をクリックすると、女性のコンテンツには表示なしが設定され、代わりに男性のコンテンツが表示されます。したがって、同じナビゲーションユニットが2回クリックされたとき（最初にアクティブにする、2番目に閉じる）にナビゲーションをスライドさせるだけです。

デモ：http://jsfiddle.net/Malachute/yxC8L/

可能であれば、それはまた、現在のアクティブなナビゲーションリンクに.addClass必要があります。このためのjQueryコードは何ですか？前もって感謝します。私はあなたの質問を理解願ってい

Answer 1

は、私がバイオリンを変更することが望んだ行動:) であれば、私は再びお手伝いしますない場合は、私に教えてください:) Here is the fiddle