包含按钮的div内的FadeOut div隐藏它

Question

所以，我有一个名为＆＃34; item＆＃34;在里面我有一个按钮来显示更多内容（＆＃34;描述＆＃34;）。在这个新的（现在显示）＆＃34;描述＆＃34; div我有一个隐藏的按钮＆＃34; description＆＃34;再次。

看看这个小提琴：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;
}

问题在于，在显示div后我无法隐藏它。它应该工作！

Answer 1

你的关闭按钮点击再次显示再次单击，停止它你应该使用stopPropagation

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

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

    });