FadeOut div、それを隠すボタンを含むdiv内にある

Question

私は "item"と呼ばれるDIVを持っており、その中にはより多くのコンテンツ（ "description"）を表示するボタンがあります。この新しい（現在表示されている） "description" divの中に、 "description"を再び隠すボタンがあります。

このバイオリンを見てみましょう：https://jsfiddle.net/6ou9va87/1/

HTML

<div class="item"> 
<span>click me</span> 

<div class="description"><span>hello</span> 
<div class="close-item-description"><span>close</span></div> 
</div> 

</div> 

jqueryの

$(document).ready(function() { 
      $(".item").click(function(){ 
       $(".description").fadeIn(); 
       $(".close-item-description").click(function(){ 
        $(".description").fadeOut(); 
       }); 
      }); 
     }); 

CSS

.description{ 

    display: none; 
} 

問題は、私は隠すことができないということですd ivそれが現れた後。それは働くはずです！

Answer 1

あなたの閉じるボタンをクリックし、再びショーのクリックを発生させ、uが働いたのstopPropagation

https://jsfiddle.net/6ou9va87/2/

$(document).ready(function() { 
     $(".item").click(function(){ 
      $(".description").fadeIn(); 
      $(".close-item-description").click(function(e){ 
       e.stopPropagation(); 
       $(".description").fadeOut(); 
      }); 
     }); 

    });