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

Jquery 이벤트 중복될시 처리 방법 궁금합니다 ㅠ 채택완료

나에요나냐 5년 전 조회 3,309

</p>

<p><div id="opentoday" class="" style="width:50px; height:50px; border:1px solid red"></p>

<p></div></p>

<p> </p>

<p><div id="todaylist" class="area"></p>

<p></div></p>

<p> </p>

<p><script></p>

<p>$(document).on("click", function(){

    $('#opentoday').click(function() {

    $("#todaylist").show('2000');

  });

});</p>

<p>$('html').click(function(e) {

  if(!$(e.target).hasClass("area")) {

    $("#todaylist").hide('2000');

  }

});</p>

<p></script></p>

<p>

 

opentoday 부분을 클릭하면 todaylist 부분(동일 부분 class는 area 줬네요....) 의 div가 열리고

빈공간을 클릭하면 todaylist 부분(동일 부분 class는 area) 의 부분을 hide 시키고 싶은데

위처럼 소스 짜니까 opentoday 부분을 클릭하면 열렸다가 바로 닫히네요 ㅠ

열린 상태에서 있다가 빈공간 클릭하면 닫히게 하고 싶은데 어떻게 하면 좋을까요??

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

답변 1개

채택된 답변
+20 포인트

document --> '#opentoday'

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

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

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

로그인