新しいページを読み込んでJquery slide-out bottom-top mouseoverメニューの問題

Question

私はmootoolsからjqueryにメニューを変換するのに苦労しています。私はjsフレームワークを切り替えなければならない様々な理由があります。なぜなら私はjqueryを初めて使うからです。最初

ライブサイト上の作業MooToolsのバージョン：http://www.kieleconomcis.de

メニューは、ホバー上に移動し、サブメニューを明らかにし、あなたがリンクをクリックして、ページをロードするときがアップ状態のまま見ることができるように。

今私はjqueryのにこれを変換する必要があること、私はまた、個別に各メニューのheigth制御できるようにしたいので、それは、a）は、より棒グラフのように見えると、b）私は4つのサブメニューを配置することができます:)私が遊ん

、貼り付け&をコピーするには、&は、エラーが発生したと、ここで、このfiddleで終わってみました。

私問題がある - 私は推測 - 私は$('div.nav_body').hide();を持っているが、私はそれが要素ならば、それはここid="visible"

を持って前に効果を無視していることを伝える必要がありますようにコードの一部でありますあなたは私がトリガーする必要があるかを見ることができます任意のadiceため

<h4 id="visible">Über uns</h4> 
     <div id="nav2-body" class="nav_body"> 

感謝を。

が

$('div.nav_container:not(:has(#visible)) .nav_body').hide(); 

filter()方法は、同様に動作します：

Answer 1

へのidセットの

$('div.nav_body').filter(function() { 
    return !$(this).prev().is("#visible"); 
}).hide(); 

.not()を使用してe隠しアイテムのサブメニュー：

$('div.nav_body').not($("#visible").next()).hide(); 

私はすべてあなたのフィドルでテストしました。私は本当に私が一番好きなものを言うことはできません。

Answer 2

それは親H4かどうかをチェックすることができますがあり、それは動作します:not()と:has()セレクタを使用して目に見える

if ($('div.nav_body').parent('h4').attr('id') == 'visible')