Jquery幻灯片和保证金

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;
    }
});

我通过以下css将错误消息集中在一起。

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

虽然它会滑动然后应用css会发生什么。反正有吗？

Answer 1

你实际上可以使用slideDown（）或者slideToggle（），我之前有过show的css问题，它的行为略有不同。