Jquery动画工作缓慢

Question

我有这个HTML

    <div class='obuserposts'>
      <div class="obdef">Order By</div>
      <div class="nobdef">Number of likes</div>
      <div class="nobdef">Number of comments</div>
      <div class="nobdef">Upload date(newest first)</div>
      <div class="nobdef">Upload date(oldest first)</div>
    </div>

和这个jquery

    $(".obuserposts").click(function(event) {
      $(".nobdef").slideDown('400');
    });

它有效，但在工作之前延迟1秒钟。 Jsfiddle：https://jsfiddle.net/24mcn20f/

Answer 1

在你的小提琴css中，有一些动画类 obuserposts 和 nobdef 。 删除以下行会导致更平滑的转换：

-webkit-transition: .25s;
-moz-transition: .25s;
-ms-transition: .25s;
-o-transition: .25s;
transition: .25s;

希望它有所帮助。