0

Facebookのモバイルメニューと同じように動作するメニューを作成しています。あなたはここで私の進歩を見つけることができます-http://jsfiddle.net/923GK/

デフォルトの状態で折りたたむようにしたいのですが、誰かが「ダッシュボード」をクリックすると、ダッシュボードのサブリストがスライドして表示されます。ダッシュボードをもう一度クリックすると、デフォルトの閉じた状態に戻ります。ただし、セカンダリメニューが開いていて、[ブログ]メニューをクリックした場合は、再度閉じるのではなく、簡単なトランジションなしでブログサブメニューが表示されます。

私は何年もの間努力してきましたが、これを機能させるための各試みは、以前よりも多くの混乱を招きます。jqueryに精通している人が覗いていただければ、ありがたいです。

4

1 に答える 1

1 
var last, elm = $('#menu');

$('.secondary').hide();
elm.css('width', 100);

$('#menu li a').on('click', function(e) {
    e.preventDefault();
    if (elm.width()>100) {
        if (last == this) {
            elm.animate({width: elm.width()<340?350:100});
        }else{
            $(this).next('.secondary').show();
            $(last).next('.secondary').hide();
        }
    }else{
        $(this).next('.secondary').show();
        elm.animate({width: elm.width()<340?350:100});      
    }
    last = this;
});

フィドル

于 2012-07-30T09:25:27.520 に答える