Jquery 클릭이 더 많은 div에 영향을 미침

Question

드롭 다운 텍스트 영역에이 코드 조각이 있습니다. 목표는 체크 박스가 클릭되었을 때 div.card를 보이거나 숨길 수있게하는 것입니다.하지만이 방법은 div.card를 클릭하면 스스로 숨길 수 있습니다. 어떻게 이런 일이 일어나지 않도록 할 수 있습니까?

$('.card').click(function(e) { 
    e.stopPropagation() 
}); 

또는, 당신은 할 수 :이

$('.options .checkbox').click(function(){ 
    $('.options .card').toggleClass("hidden").toggleClass("show"); 
}); 

HTML 당신은 부모까지 버블 링에서 클릭 이벤트를 방지 할 수 있습니다이

<label> 
Label description 
<strong> 
    + € 0,50 
</strong> 
<input class="checkbox" type="checkbox"> 
    <div class="card hidden"> 
     <textarea> 
     </textarea> 
    </div> 
</label> 

Answer 1

모양처럼

jQuery를 본다 대상 요소가 실제로 후일 것임을 확인하십시오 :

$('.options .checkbox').click(function(e) { 
    if (!$(e.target).hasClass('checkbox')) return false; 

    $('.options .card').toggleClass("hidden").toggleClass("show"); 
});