jquery - 手风琴不会在鼠标单击时关闭

Question

我已经使手风琴及其工作正常，但是当它向下滑动并且当我们单击它向上滑动时，它不会向上朝向关闭位置。下面是我的代码，请告诉我如何进行？

(function($) {

    var allPanels = $('.accordion > dd').hide();

    $('.accordion > dt > a').click(function() {
        allPanels.slideUp();
        $(this).parent().next().slideDown();
        return false;

    });

})(jQuery);

Answer 1

试试这个：http: //jsfiddle.net/DDUQ5/1/

(function($) {

 var allPanels = $('.accordion > dd').hide();

 $('.accordion > dt > a').click(function() {
  $this = $(this);
  $target =  $this.parent().next();
  allPanels.removeClass('active').slideUp();
  if($target.is(':hidden')){
     allPanels.removeClass('active').slideUp();
     $target.addClass('active').slideDown();
  }

 return false;
 });

})(jQuery);​

Answer 2

我认为这是您向上滑动隐藏元素的问题

var allPanels = $('.accordion > dd').hide();

试试这个：

(function($) {
   var allPanels = $('.accordion > dd').hide();
   $('.accordion > dt > a').toggle(function() {
      allPanels.slideUp();
      $(this).parent().next().slideDown();
      return false;
   },function() {
      $(this).parent().next().slideUp();
      return false;
   });
})(jQuery);