jQuery: только анимация текущего div

Question

Как я могу анимировать элементы внутри текущего div? Если пользователь нажимает кнопку «Изменить», он должен анимировать только текущий раздел, а не все div.

$('.js-edit').click(function() { 
    if ($('.other,.hide-content, .show-content').is(':animated')) return; 
    // Hide 'Edit link' 
    $(this).fadeOut(200); 

    // Push down 'other' div 
    $('.other').animate({ 
    'marginTop': "+=400px" //moves down 
    }); 

    // Hide content 
    $('.hide-content').delay(200).fadeOut(200); 

    // Show hidden content 
    $('.show-content').delay(400).fadeIn(200); 
}); 

$(".js-cancel").click(function() { 
    if ($('.other,.hide-content, .show-content').is(':animated')) return; 
    $('.js-edit').delay(200).fadeIn(200); 
    $('.other').delay(200).animate({ 
    'marginTop': "-=400px" //moves up 
    }); 
    // Show content 
    $('.hide-content').delay(200).fadeIn(200); 

    // Hide shown content 
    $('.show-content').fadeOut(200); 
}); 

jsFiddle

Answer 1

вам нужно использовать

$(this).closest('.section').find 

, например для $('.hide-content')

$(this).closest('.section').find('.hide-content').....