0

わかりましたので、ビッグコマースでメニューをカスタマイズする方法に制限されています. これは私がこれまでに持っているものです。一部のタグはシステム自体によって生成されることに注意してください。

アコーディオンでカテゴリ メニューを表示するパネルのコードは次のようになります。

$('.SideCategoryListClassic').children().children('li')
    .hover(function(){
        $(this).children('ul').children().slideDown()
    },
    function(){
        $(this).children('ul').children().slideUp()
    });
$('a[href*="-main"]').attr('href', '#')

インラインスタイルシートもあります

.SideCategoryListClassic ul li ul li {
    display: none;
}

メニューが生成される方法は私を超えています。私が追加したものの 1 つは、HERF 置換タグで、メイン カテゴリのリンクを無効にし、サブ カテゴリでのみ機能するようにしました。

メニューはホバーとして機能するようになりましたが、クリック機能メニューにしたいです。クリックでグループを拡張したいのですが、別のグループをクリックすると、前のグループを非表示にしたいと思います。UL の生成方法を変更したり、スタイル クラスや ID タグをそれらに割り当てたりすることはできないことに注意してください。このページでメニューがどのように見えるかを見ることができます:

http://www.d2industries.mybigcommerce.com/about-us/

4

1 に答える 1

1 
$('.SideCategoryListClassic').children().children('li').click(function(){
    $('.SideCategoryListClassic').children().children('li').not(this).children('ul').children().slideUp();
    $(this).children('ul').children().slideToggle()
});​

.slideToggle()クリックしたときに各メニューの状態を切り替えるために使用します。

最初の行は、このメニュー以外のすべてのメニューを選択し、上にスライドさせます。2 行目は、現在のメニューのスライドを切り替えます。ユーザーが現在開いているメニューをもう一度クリックして閉じることができないようにする場合は、 に変更slideToggleしslideUpます。

デモ

于 2012-06-15T20:24:24.207 に答える