Jquery扰流板在第一个打开时关闭第二个div

Question

我开始jquery＆amp;我的代码问题很小 当我打开第一个div时，第二个div没有关闭

<script type="text/javascript">
jQuery(document).ready(function(){
    jQuery('.spoiler-text').hide()
    jQuery('.spoiler').click(function(){
        jQuery(this).toggleClass("folded").toggleClass("unfolded").next().slideToggle()
    })

})

JSfiddle

Answer 1

你可以这样做：

jQuery(document).ready(function () {
    jQuery('.spoiler-text').hide()
    jQuery('.spoiler').click(function () {
        var spoilerText = jQuery(this).next();
        jQuery('.spoiler-text').not(spoilerText).slideUp();        
        jQuery(this).toggleClass("folded").toggleClass("unfolded").next().slideToggle();
    });
});

<强> Updated Fiddle

Answer 2

试试这个答案..

    jQuery(document).ready(function(){
            jQuery('.spoiler-text').hide()
            jQuery('.spoiler').click(function(){
                if ($(this).hasClass("folded")){
                    $(".spoiler-text").slideUp();
                     $(".unfolded").toggleClass("folded").toggleClass("unfolded");
                     $(this).toggleClass("folded").toggleClass("unfolded").next().slideDown();
                }
            })

        })

这里是fiddle