1
Когда пользователь нажимает на «Редактировать», я хочу скрыть ссылку «Редактировать», затем скрыть содержимое выше и показать скрытый div.jQuery: оживить, скрыть и показать содержимое
Я смог это сделать, но как я могу вернуть этот процесс, если пользователь нажмет кнопку «Отмена»?
$('.js-edit').click(function(){
// 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);
});
Щелкнув несколько раз быстрее на каждой кнопке вызывает странное поведение. Это будет исправлено: 'if ($ ('. Other, .hide-content, .show-content'). Is (': animated')) return;' http://jsfiddle.net/dafckouL/1/ –
@ A.Wolff Добавлено и обновлено. С учетом соответствующих кредитов ... ': D' –