0

jquery で切り替える素敵な垂直メニューを作成しました。訪問者が表示しているカテゴリに応じて、状態を保存できるようにする必要があります。

私が持っているものを示すためにフィドルを作成しました:

http://jsfiddle.net/FbCDV/15/

...素晴らしく見える！！:)

...そのため、ユーザーが別のカテゴリまたは製品/ページをクリックした場合、メニューを開いたままにする必要があります。

...これまでのところ機能するjqueryは次のとおりです。

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

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

});

...interwebbie の世界を探索したところ、jquery cookie プラグインを使用できる可能性があることがわかりました。

...いじってみましたが、行き詰まってしまいました! :(

...メニューが表示されている実際のサイトは、動的な PHP 駆動のサイトです。

...どんなガイダンスも素晴らしいでしょう！:)

4

0 に答える 0