-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 に答える