手风琴重开

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

这里是一个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 2

你可以试试这个解决方案

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

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

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

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'); 
    }); 
});