Question

我正在处理这段代码，它有效，它可以切换div。但是，如何修改它以便一次只有一个div可以拥有“开放”类？现在你可以切换所有div打开..但我喜欢它，这样在任何给定的时间只能打开一个div。您单击另一个div，另一个切换为关闭。

非常感谢任何帮助/方向！

谢谢！

$('body').on('click','.toggle h3 a', function(){

    if(!$(this).parents('.toggles').hasClass('accordion')) { 
        $(this).parents('.toggle').find('> div').slideToggle(300);
        $(this).parents('.toggle').toggleClass('open');


        //switch icon
        if( $(this).parents('.toggle').hasClass('open') ){
            $(this).find('i').attr('class','icon-minus-sign');
        } else {
            $(this).find('i').attr('class','icon-plus-sign');
        }

        if($(this).parents('.toggle').find('> div .iframe-embed').length > 0 && $(this).parents('.toggle').find('> div .iframe-embed iframe').height() == '0') responsiveVideoIframes();

        return false;
    }
});

Answer 1

查看http://jqueryui.com/accordion/。

由于你已经在使用jQuery，请查看预制的。

jQuery切换打开/关闭修改现有代码

1 个答案: