두 개의 효과코드를 한 줄에 연달아 씀
<title>체이닝</title>
<script src="../JS/jquery.min.js"></script>
<script>
$(function(){
$('#btn').click(function(){
$('.box').slideUp(1000).slideDown(1000); //효과를 두줄로 나눠서안하고 한줄에 썼음
});
// $('.box').slideUp(1000,function(){
// $('.box').slideDown(1000)
// })
})
</script>
</head>
<body>
<button id="btn">클릭</button>
<div class="box" style="height: 50px; background: red;"></div>
</body>'괴발개발 > Javascript+JQuery' 카테고리의 다른 글
| JQ_회원가입창 만들기 (0) | 2021.06.23 |
|---|---|
| JQ_요소의 정보를 가져오고(get) 설정하는(set) (0) | 2021.06.22 |
| JQ_더보기기능 (0) | 2021.06.22 |
| JQ_rolling예제 (0) | 2021.06.22 |
| JQ_animate(애니메이션 효과) (0) | 2021.06.22 |