-2

WordPressのサブメニューをJqueryでアニメーション化しようとしています。

これが私が模倣しようとしているものです：http：//money.co.uk

これが私がこれまでに持っているものです：

    $("#main-nav li").hover(function () {
    $(this).children('.sub-menu').slideToggle("fast");
  });

http://jsfiddle.net/bNeDh/

それは私が望んでいることの逆のようです。ユーザーが親の上にマウスを置くと、子供たちが下にスライドするようにしたいと思います。私のjqueryはまったく素晴らしいものではありませんが、誰かが答えを提供できますか？

4

2 に答える 2

0

手始めに、子を切り替えたいだけの場合は、セレクターで指定する必要があります。最初のulのliをイベントハンドラーにのみバインドする必要があります。それ以外の場合は、＃main-navdiv内のすべてのliにカーソルを合わせるとトグルが発生します。

$("#menu-top-navigation ul > li").hover(function () {
    $'.sub-menu').slideToggle("fast");
});

次に、最初の2つの主要な項目の下にサブナビゲーションが必要な場合は、オプションの完全な下にulを配置します。

于 2013-01-28T22:03:24.890 に答える
0

CSSを少し変更しました...
この（またはいずれかの）回答が役立つと思われる場合は、チェックマークをクリックして受け入れてください。
あなたはおそらくこのようなものが欲しいでしょう：
ここでフィドル

$("#main-nav li").hover(function () {
$(this).children('.sub-menu').slideDown("fast");
},function(){
$(this).children('.sub-menu').slideUp('fast');
});
于 2013-01-28T22:04:07.600 に答える