SIR
이전 목록 다음
채택완료

script 중복 name 클릭 이벤트관련 질문있습니다.

경하귀요밍
프로필 보기이 회원 글보기이 회원의 댓글보기
 8년 전 2,537

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 되게 하고싶습니다.

jquery javascript 그누보드5
|

답변 1개 / 댓글 1개

채택된 답변
+20 포인트
슈슈와이
프로필 보기이 회원 글보기이 회원의 댓글보기
 8년 전

$('.qu').on('click', function() { 
    $(this).next().slideDown();
    $('.an').not($(this).next()).slideUp();
});

답변에 대한 댓글 1개

경하귀요밍
프로필 보기이 회원 글보기이 회원의 댓글보기
 8년 전
헉 감사합니다!! .not 도있었군요..ㅎㅎ 좋은거 배워가요!! 항상 감사합니다!!

답변을 작성하려면 로그인이 필요합니다.

🐛 버그신고