jQuery를 슬라이더 - 2 클릭 변경 폭 애니메이션 전에 없음으로 표시

Question

이 코드가와도 폭 애니메이션을 실행하기 전에 내가이 없음으로 표시를 변경하는 두 번째 시간을 클릭하면 내 문제가

$(".guitar").toggle(function() { 
    $(".guitar_content").click().animate({width: "500"}, 1000).css({display: "block"}); 
    $(".guitar_text").delay(1200).animate({ opacity: "1"}, 600); 
}, function() { 
    $(".guitar_content").click().animate({ width: "0" }, 1000); 
    $(".guitar_content").delay(1000).css({ display: "none"}); 
}); 
​ 

에게 있습니다 지연 나는 추가했다.

CSS를 변경하기 전에 어떻게 너비 애니메이션을 할 수 있습니까?

이

내 프로젝트 http://jsfiddle.net/TvLMQ/

Answer 1

사용하는 대신 .delay의 콜백입니다 :

$(".guitar_content").click().animate({width: "0"},1000, function(){ 
    $(this).css({display: "none"}); 
});