JQuery не работает после addClass

Question

У меня есть слайд, который я хочу переместить вниз, когда вы нажимаете div в нижней части, и создавайте резервную копию, если вы снова нажмете его. Я использую этот jquery, но вторая функция ничего не делает.

$('#form-toggle').click(function(){ 
    $('#form-index').animate({ 
    marginTop:"+300", 
    }); 
    $('#form-toggle').addClass("close-form"); 
}); 
$('.close-form').click(function() { 
    $('#form-index').animate({ 
    marginTop:"-300px", 
    }); 
    $('#form-toggle').removeClass('close-form'); 
}); 

Answer 1

Как об упрощении его:

var animateOption = {marginTop : -300}; 
$('#form-toggle').click(function(){ 
    animateOption.marginTop = -animateOption.marginTop; 
    $('#form-index').animate(animateOption); 
}); 

Answer 2

Вы динамически добавлять класс к элементу, и ваш сценарий прикрепляет обработчик события клика, прежде чем такой класс доступен на элементе.

Попробуйте делегировать мероприятие по методу.

$('.parent-class').on('click', '.close-form', function() { 
    .... 
});