FadeOut div, das sich innerhalb des div befindet, enthält die Schaltfläche, um es auszublenden

Question

Also, ich habe ein DIV namens "item" und darin habe ich eine Schaltfläche, um mehr Inhalt anzuzeigen ("description"). In diesem neuen (jetzt erscheinenden) "description" div habe ich einen Knopf um "description" wieder zu verstecken.

an dieser Geige Werfen Sie einen Blick: 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; 
} 

Das Problem ist, dass ich nicht die verstecken d iv nachdem es auftaucht. Es sollte funktionieren!

Answer 1

Ihre Schließen-Schaltfläche klicken zeigen Klick stellt sich erneut, um es zu stoppen 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(); 
      }); 
     }); 

    });