0

ドロップダウン要素がいくつかあるという問題があります。クリックして展開すると、他のものを折りたたむ必要があります。

このページは次の場所で表示できます。

http://www.mniac.com/smartlessons/template.html

これはjQueryです：

$('.advanced').click(function(){
    $('.drop-box.advanced-search').slideToggle();
});

$('#smart-lessons > a').click(function(){
    //$('.drop-box').hide();
    $('#smart-lessons a').toggleClass('open');
    $('#about a').removeClass('open');
    $('.drop-box.smart').slideToggle();
});

$('#about > a').click(function(){
    //$('.drop-box').hide();
    $('#about a').toggleClass('open');
    $('#smart-lessons a').removeClass('open');
    $('.drop-box.about').slideToggle();
});

スクリプトを実行する前にすべての.drop-box要素を閉じようとしていますが、同じリンクをクリックすると閉じて再び開きます。

4

1 に答える 1

1

上記のすべてのコードを次のように置き換えてみてください。

$('.nav ul > li > a').click(function() {
    $('.drop-box').slideUp();
    if ($(this).parents('#search').length) {
        $('.advanced-search').slideDown();
    } else {
        $(this).next('.drop-box').slideDown();
    }
    return false;
});
于 2013-04-16T21:22:09.487 に答える