fadeOut Сообщения проверки Jquery

Question

Как использовать функцию jquery fadeOut, чтобы скрыть ответное сообщение проверки «это поле обязательно для заполнения» в этом Fiddle . Я просто хочу, чтобы сообщения появлялись (не исчезали), а затем постепенно исчезали, возможно, в течение 3 секунд.

Это js, который контролирует плагин Validation:

    $(document).ready(function() {
        $('#commentForm').validate({
            submitHandler: function(form) {
                $.ajax({
                    type: 'POST',
                    url: 'process.php',
                    data: $(this).serialize(),
                    success: function(returnedData) {
                        $('#commentForm').append(returnedData);
                    }
                });         
                return false;
            },
            errorPlacement: function(error, element) {
                  error.insertAfter( element).position({
                      my:'right top',
                      at:'right top',
                      of:element          
                  });
               }        
        }); 
    });

Спасибо за ваш вклад.

Answer 1

Если вы хотите, чтобы эффект затухания по времени запускался несколько раз, вам нужно удалить элемент ошибки, как только он исчезнет:

errorPlacement: function(error, element) {
    error.insertAfter( element).position({
    my:'right top',
        at:'right top',
            of:element          
        });
        // here the magic happens, we remove the element, forcing the errorPlacement callback to be run every time
        error.fadeOut(3000, function() { $(this).remove(); });
    }

Answer 2

Все, что вам нужно сделать, это вызвать fadeOut для аргумента error в errorPlacement():

           errorPlacement: function(error, element) {
              error.insertAfter( element).position({
                  my:'right top',
                  at:'right top',
                  of:element          
              });
              error.fadeOut(3000);
           }

Рабочий пример: http://jsfiddle.net/kmJ87/4/