3

縦方向のナビゲーションが jQuery でうまく機能しています。URL と一致するため、Cookie を必要とせずに動的サイトで開いたままになります。これは私の現在のフィドルです：

http://jsfiddle.net/J8HnC/

私が今使っているjQueryはこれです：

jQuery('#categories .sub').not('.open').children('ul').hide();

jQuery(document).on('click', '#category-menu #categories button', function(){

    $(this).parent().addClass('expandable');

    if(jQuery(this).parent().hasClass('expandable')) {
        jQuery(this).html('+');
        jQuery(this).siblings('ul').stop(true,true).css('display','block').slideDown(200, 'linear');
    } else {
        jQuery(this).siblings('ul').stop(true,true).css('display','none').slideUp(200, 'linear');
    };

});

var url = window.location.toString() 

$('#categories ul li a').each(function(){

    var categoryHref= $(this).attr('href');

    if( url.match(categoryHref)) {
        $(this).addClass('active-anchor')
        $(this).parents('ul.category-child').show();
        $(this).parents('ul.category-child li').addClass('expandable');
    }

});

しかし、jQuery でメニュー項目を適切に閉じるためのロジックを理解できません。どんな助けでも大歓迎です！:)

4

1 に答える 1

1

これで始められるはずです。

value="1"各ページに追加buttonします。

次に値を取得し、それが に等しい場合は1、基本的にメニューを開きます。（今持っているもの）

次に、値を に設定します0。

値が の場合、0行ったことを元に戻します。次に、値を に設定します1。

http://jsfiddle.net/J8HnC/2/

于 2013-05-04T02:43:25.990 に答える