Jquery没有错误但没有工作

Question

在<article>向左滑动后，我希望元素fadeOut()到<h2>，幻灯片正常，但之后文章不会消失。

Jquery的：     $（文件）。就绪（函数（）{         $（document）.on（'click'，'。sectiontitel'，function（）{             $（本）.addClass（ 'OFF'）;

        $(this).find('span').animate({
            'margin-right': '350px',
        },200,

            function(){
                $(this).children('article').fadeOut(300);
            });

    });

    $(document).on('click', '.off', function(){ 
        $(this).removeClass('off');
        $(this).addClass('on');

        $(this).find('span').animate({
            'margin-right': '2px',
        },200);    });

    $(document).on('click', '.on', function(){ 
        $(this).removeClass('on');
        $(this).addClass('off');

        $(this).find('span').animate({
            'margin-right': '350px',
        },200);
    });
});

Jfiddle：

http://jsfiddle.net/6x3ka0rq/1/

Answer 1

元素arctice不是sectiontitel使用closest的后代，而是find来获取arcticle

$(this).closest('section').find('article').fadeOut(300);