테스트 사이트 - 개발 중인 베타 버전입니다

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

</p>

<p><style>.an{display:none;}</style></p>

<p><div class="qu" name="qu">안녕1</div>

<div class="an" name="an">하세요1</div></p>

<p> </p>

<p><div class="qu"  name="qu">안녕2</div>

<div class="an"  name="an">하세요2</div></p>

<p> </p>

<p><div class="qu"  name="qu">안녕3</div>

<div  class="an" name="an">하세요3</div></p>

<p> </p>

<p> </p>

<p><script type="text/javascript"></p>

<p>$(document).ready(function(){

    $(".qu").click(function(){

        $(".an").toggle('fast');

    });

});

</script></p>

<p>

제가 하고싶은건 "안녕1"을 클릭했을 때 "하세요1" 이 slideDown 되게 하고싶습니다.

"안녕2"를 클릭하면 "하세요2"가 slideDown 되게끔 하구요..

그리고 "안녕1" 을 클릭했다가 "안녕2"를 클릭하면 "하세요1"은 slideUp 되게 하고싶습니다.

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

답변 1개

채택된 답변
+20 포인트

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

헉 감사합니다!! .not 도있었군요..ㅎㅎ 좋은거 배워가요!! 항상 감사합니다!!

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

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

로그인

전체 질문 목록

🐛 버그신고