アコーディオンのサブメニューとコンテンツのスライド

Question

誰かがすぐに私を助けることを願っています。

こちらをご覧ください - http://www.designbyaltitude.com/test

を使用すると、サイドバー上のリンクをクリックしたら、あなたは上向きにコンテンツスライドを見ることができるように。

しかし、青いバーをクリックするとドロップダウンするサブメニューがあります。

すべてのアイデア？

Answer 1

私の最初のアイデアは、親ノードにクラスを追加し、親がクラスを持っている間にちょっとしたサブメニューが表示された場合です。

これは実現しやすいはずです。

Answer 2

私はあなたが何をしたいのかは分かりませんが、私はまだあなたを助けようとします。私が理解しているところでは、青いバーをクリックすると、サブメニューが表示されます（たぶん、slideDown？）。私はこのサブメニューがロードされたコンテンツ（セクション）にリンクされていると思います。私はあなたが同じレベルのすべてのdiv（位置：相対）にサブメニューを置くことをお勧めします。すべてのサブメニューは、絶対位置に設定されたUL（またはdivなど）内に置かなければなりません（コンテナは相対divと共に絶対位置になります）。すべてのULは上に置くべきです：0左：0（またはすべてのコンテナが積み重なっている限りcoords）次に、青いバーのリンクで、 "#the_wanted_submenu"の属性HREFを追加し、該当する要素をslideDownをクリックして他のものを非表示にします。

$('#blueBar a').click(function() { 
    $($(this).attr('href')).siblings().slideUp(); //Hide all submenus but the current 
    $($(this).attr('href')).slideDown(); // Show wanted submenu 
});