Javascript 具有相同类的对象有时不会隐藏

我试图在单击时淡出蓝色圆圈标记。它在最初的几次点击中起作用，但在那之后标记不会消失。我会做错什么

这里有一个。请查找动画圆圈蓝色标记

附言：我正试图用

.marker

类淡出对象

var marker = $('.marker'),
    body = $('#movingBody'),
    dynamicbox = $('.dynamicbox'),
    dbleft = $('.dynamicbox.left').hide(),
    dbright = $('.dynamicbox.right').hide(),
    closeBtn = dynamicbox.find('.close');

marker.on('click', function() {
    var $this = $(this),
        rel = $this.attr('rel'),
        div = $(rel),
        img = $this.attr('href');

    marker.fadeOut(200);    
    $('.dynamicbox .content div').hide();
    div.show();
    $(img).fadeIn();

    function animateOut(unit) {
        body.animate({
            'left' : unit
        }, 500, 'easeOutCirc');
    }

    if($this.hasClass('r')) {
        animateOut(0); dbright.fadeIn(200);
    } else {
        animateOut(258); dbleft.fadeIn(200);
    }

    closeBtn.on('click', function() {
        body.animate({
            'left' : 140
        }, 500, 'easeOutCirc', function() {
            marker.fadeIn(200);
        });
        $(img).fadeOut();
        dynamicbox.fadeOut(200);
    });
});

---

尝试将此部件移到“单击”功能之外：

 closeBtn.on('click', function() {  
     ...
 });

---

什么的“最初几次点击”？另外，请在某个地方张贴您的问题的演示，例如，在那里我们可以很容易地看到代码，以及正在发生的事情，而不必深入您站点的其他部分（请参阅：以获取相关指导）。如何重现错误？转到他的演示链接，单击蓝色圆圈几次。通过单击蓝色动画圆圈，不断打开和关闭标记。经过几次尝试，你会发现它们有时不会消失。@David如果有帮助的话，我也可以发布我的HTML和CSS。要为此创建一个JSFIDLE是相当困难的。啊，伙计！我想这可能已经解决了！是的，似乎是解决办法。谢谢