手风琴重新开放

Question

我正在制作一个手风琴，您可以在 http://jsfiddle.net/ybgjub4g/ 看到它

每个手风琴在点击手风琴时关闭并且当前手风琴打开，唯一的问题是当我单击当前打开的手风琴关闭它然后它关闭并重新打开时，我不知道为什么。

$(document).ready(function() {
    (function($) {
        var allPanels = $('.accordion > span').hide();
        $('.accordion > .question').click(function() {
            allPanels.slideUp();
            $(this).next('span').slideDown();
            $('.accordion.current').removeClass('current');
            $(this).parent().addClass('current');
            return false;
        });
    }
    )(jQuery);
});

Answer 1

你可以试试这个解决方案

$(".question").click(function(){

    if(false == $(this).next().is(':visible')) {
        $('span').slideUp(300);
    }
    $(this).next().slideToggle(300);
});

http://jsfiddle.net/ybgjub4g/5/

Answer 2

这是DEMO

js:

$(document).ready(function() {
(function($) {
    var allPanels = $('.accordion > span');

    $('.accordion > .question').click(function() {
        var _this = this;

        $('.current > span ').slideUp()

        if(!$(_this).parent().hasClass('current')){
          $(_this).next('span').slideDown();
           $('.accordion.current').removeClass('current');
           $(_this).parent().addClass('current');
        }else{

           $(_this).parent().removeClass('current');
        }




        return false;
    });
}
)(jQuery);
});

Answer 3

固定使用：

$(document).ready(function() {
    $(".accordion span").hide();
    $(".accordion .question").click(function(){
        if(false == $(this).next().is(':visible')) {
            $('span').slideUp(300);
        }
        $(this).next().slideToggle(300);
        $('.accordion.current').removeClass('current');
        $(this).parent().addClass('current');
    });
});