아코디언이 마우스 클릭으로 닫히지 않음

Question

나는 아코디언과 그 잘 동작하지만 아래로 내려갈 때 그것을 클릭하여 위로 밀면 위쪽으로 닫히지 않습니다. 아래 코드는 친절하게 진행 방법을 알려주는 것입니까?

(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); 

Answer 1

나는 이것이 당신이 숨겨진 요소를 슬라이딩하는 문제라고 생각합니다

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

대신 하나의 시도 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

이 시도 :

(function($) { 

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

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

    }); 

})(jQuery);