script 중복 name 클릭 이벤트관련 질문있습니다.
본문
<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
$('.qu').on('click', function() {
$(this).next().slideDown();
$('.an').not($(this).next()).slideUp();
});
헉 감사합니다!! .not 도있었군요..ㅎㅎ 좋은거 배워가요!! 항상 감사합니다!!
답변을 작성하시기 전에 로그인 해주세요.