Javascript 使用点击jquery事件执行css3转换？

我有一个css，它可以进行滑出转换

.slide_animation {
    transition: 10s;
    left: 0px !important;
    -webkit-transition-duration:800ms
}

使用jquery：

$(".shop_look").click(function(){
      $("#look").show();
      $("#look").addClass("slide_animation");
      $(this).fadeOut(2000);
   })

---

这是可行的，但当#look元素显示时，它太快了，我希望它像平滑的动画一样轻松。谢谢，您似乎没有正确使用它，display属性只有两种状态，因此您可能应该改用opacity属性（或同时使用两种）：

#看{
不透明度：0；
-webkit转换持续时间：800ms；
}
#look.slide\u动画{
不透明度：1；
}

如果不希望在所有对象上都进行转换，也可以指定属性：

转换属性：不透明度；

你能不能用

fadeIn（）

代替

show（）

？