0

確かにこれは本当に簡単ですが...

WordPress テンプレートのスーパーフィッシュ レスポンシブ メニューを変換しており、この jsfiddle に基づくバージョンを実装することができました。それを磨くために、アイテムをクリックしてその子が（メニューのモバイルバージョン）で開いたときの単純なslideDown/slideUpエフェクトを追加したいと思います。

http://jsfiddle.net/badlyDrawingben/c5MJy/ - 下部のバーを横にスライドして、480px 未満のバージョンが表示されるようにします

私が持っているコードは 

$('li.has-children').click(

    function () {
        $(this).toggleClass("xpopdrop").siblings().removeClass('xpopdrop');
            });

ただし、そこにもslideDown関数を追加しようとしましたが、機能しません。

私が間違っているアイデアはありますか？

ありがとう、ベン

4

2 に答える 2

0

したがって、次のようなものを探しています。

$('#mobnav-btn').click(

function () {
    $('.sf-menu').slideToggle()
});


$('.mobnav-subarrow').click(

function () {
    var list = $(this).next();
    if(list.is(':visible')){
        $('.sf-menu ul').slideUp();
    }else{
        $('.sf-menu ul').slideUp();
        list.slideDown();
    }
});

cssにもいくつか編集がありました。javascript で何かをアニメーション化しようとしている場合は、!improtant を使用しないでください。(dispaly: block!important; と display: none!important; について言えば、それは CSS にありました)

JsFiddle (更新)

于 2013-07-18T20:30:48.807 に答える