(이동이 아니라)서서히 접히고 펴지는 것처럼 보여짐
더보기
/* hide,show,toggle과 달리 속도를 조절할 수 없음
- slideUp(speed, callback);
- slideDown(speed, callback);
- slideToggle(speed, callback);
*/
<script src="../JS/jquery.min.js"></script>
<script>
$(function(){
$('#btn1').click(function(){
$('.box').stop().slideUp(3000);
}); //.stop()을 channing 기법으로 중간에 써주면 끝까지갔다가 다른 일을 하는게아니라,
//수행도중 명령들어오면 멈추고 해당 수행을 실행하도록 함
$('#btn2').click(function(){
$('.box').stop().slideDown(3000);
});
$('#btn3').click(function(){
$('.box').slideToggle();
});
})
</script>
</head>
<body>
<button id="btn1">up</button>
<button id="btn2">down</button>
<button id="btn3">toggle</button>
<div class="box" style="background:yellow; height: 100px;"></div>
<div class="box2" style="background: red; height: 100px;"></div>
</body>