jQuery fadeIn завершается неудачно с плагином формы jqQuery

Question

У меня есть сообщение, которое я хочу исчезнуть, когда форма успешно отправлена. Я использую плагин формы jQuery и код:

$(document).ready(function() {
var options = {
target: '#output',
beforeSubmit: validate,
resetForm: true
}; 
$('#holdform').ajaxForm(options);
});

Функция проверки работает отлично, поэтому я добавил этот код, прежде чем он вернет true :
(...)

$('#output').fadeIn('slow');
return true;    
}

Это должно исчезнуть в div, который у меня есть под формой, в стиле display: none;.
Но происходит то, что div исчезает, а затем исчезает. У кого-нибудь есть объяснение и, возможно, решение, чтобы это исправить? Заранее спасибо!

Код можно увидеть в нем error-action здесь: http://gadebold.dk/events/tilmeld/

Answer 1

Что происходит, контент заменяется. Вы исчезаете в #output div, но когда ответ сервера возвращается, плагин формы помещает этот ответ в #output, потому что это то, для чего у вас установлена ​​цель.

Если вам не важен ответ сервера, просто удалите параметр target, и он не заменит его содержимое, например:

$(document).ready(function() {
  var options = {
    beforeSubmit: validate,
    resetForm: true
  }; 
  $('#holdform').ajaxForm(options);
});

Полный список параметров см. Здесь