JQuery slide и Margin

Question

В настоящее время у меня есть слайдер Jquery для перехода в сообщение об ошибке.

$('form').submit(function(){ 
    var $emptyFields = $(); 
    $('form').find('input').each(function(){if($(this).val() == ""){$emptyFields.push(this)}}); 
    if($emptyFields.length != 0){ 
     $('form').find('input').css("border",""); 
     $("#error").show("slide", { direction: "down" }, 1000); 
     return false; 
    }else{ 
     return true; 
    } 
}); 

И Im центрирует сообщение об ошибке через следующие css.

#error { 
    display: none; 
    font-size: 14px; 
    margin-left: auto; 
    margin-right: auto; 
    width: 24%; 
    } 

Что происходит, хотя это то, что оно сдвигает его, а затем применяет css. Во всяком случае, вокруг?

Answer 1

Фактически вы можете использовать slideDown() или slideToggle(), у меня были проблемы с CSS перед показом, он ведет себя несколько иначе.