2013-02-24 3 views
2

http://jsfiddle.net/blankasaurus/YPR4U/15/embedded/result/나는 숨길/시간 제한

나는 그것이 작동하는 방법을 작동 레이아웃이없이 CSS3 및 자바 스크립트 또는이 메뉴를 표시 할 수 있습니다. 나는 토글 기능의 폭을 설정하는 것을 좋아 확실하지 않다 :

$('.content').css('width', '100%'); 

$('.content').css('width', '75%'); 

와 나는 또한 정말 메뉴 패널 표시 및 숨기기 전에 제한 시간을 설정하는 것을 좋아하지 않는다 :

setTimeout(function() 
{ 
    $('.sidebar').fadeIn(); 
}, 1001); 

이 문제를 해결할 더 좋은 방법이 있습니까?

가 여기에 바이올린입니다 :

답변

0

아웃 페이드를 들어, 당신은 단지 fadeOut에 전달 된 콜백 기능을 사용할 수 있습니다. 예를 들어

다음 페이드를 들어

$('.sidebar').fadeOut(400, function() { 
    $('.content').css('width', '100%'); 
}); 

, 당신은 transition events를 사용하여 시도 할 수 있습니다. 여러 브라우저에 대해 특정 코드를 작성하기 만하면됩니다. 이전 버전의 브라우저는 지원되지 않습니다. 자세한 내용을 확인하실 수 있습니다 here.