Copy
<style>.an{display:none;}</style>
<div class="qu" name="qu">안녕1</div>
<div class="an" name="an">하세요1</div>
<div class="qu" name="qu">안녕2</div>
<div class="an" name="an">하세요2</div>
<div class="qu" name="qu">안녕3</div>
<div class="an" name="an">하세요3</div>
<script type="text/javascript">
$(document).ready(function(){
$(".qu").click(function(){
$(".an").toggle('fast');
});
});
</script>제가 하고싶은건 "안녕1"을 클릭했을 때 "하세요1" 이 slideDown 되게 하고싶습니다.
"안녕2"를 클릭하면 "하세요2"가 slideDown 되게끔 하구요..
그리고 "안녕1" 을 클릭했다가 "안녕2"를 클릭하면 "하세요1"은 slideUp 되게 하고싶습니다.
답변 1개 / 댓글 1개
채택된 답변
+20 포인트
2017-11-30 (목) 18:14:11
$('.qu').on('click', function() {
$(this).next().slideDown();
$('.an').not($(this).next()).slideUp();
});
답변에 대한 댓글 1개
경하귀요밍
2017-11-30 (목) 18:18:37
헉 감사합니다!! .not 도있었군요..ㅎㅎ 좋은거 배워가요!! 항상 감사합니다!!
답변을 작성하려면 로그인이 필요합니다.