는 jQuery를 & 부트 스트랩 슬라이드 업 경고

Question

나는 경고를 가지고있다. jQuery의 .slideUp()을 사용하여 경고가 천천히 슬라이드되도록하고 싶습니다. 내 시도는 다음과 같습니다.

<script> 
    $(document).ready (function(){ 
       $("#success-alert").hide(); 
       $("#submit-id-submit").click(function showAlert() { 
        $("#success-alert").fadeTo(2000, 2000).slideUp(500, function(){ 
       $("#success-alert").slideUp(500); 
        }); 
       }); 
    }); 
</script> 

이렇게하면 경고가 나타나고 갑자기 빠르게 사라집니다 (2 초 미만). 500 (모두 3 개)을 2000으로 변경하면 경고가 나타나고 올바르게 위로 밀린 다음 새 경고가 나타나 갑자기 사라지기 때문에 경고가 어떻게 든 두 번 호출됩니다.

어떻게하면 느린 슬라이드를 얻을 수 있습니까?

Answer 1

"fade"및 "show"클래스가 코드에서 이상한 동작을 일으키는 이유입니다.

이게 당신이 찾고 있는게 있나요?

JS FIDDLE DEMO

나는 그 클래스를 제거하고 일부 CSS를 추가되었다.

관련 코드 :이 도움이

$("#submit-id-submit").click(function() { 
    $("#success-alert").show(); // use slide down for animation 
    setTimeout(function() { 
     $("#success-alert").slideUp(500); 
    }, 2000); 
}); 

희망. :)