Javascript 慢速jQuery动画-更改宽度

我有两个div。一个目前为0%，另一个为100%。通过单击功能，我将它们转换为12%和88%

工作就像魅力，但我希望“过程”是缓慢的，而不是瞬间的。就像一个小动画

这是我的代码：

<script>
$(document).ready(function(){
  $(".menu_logo").click(function(){
    $(".right").css("width","88%");
    $(".left").css("width","12%");
    $(".menu_logo").css("display","none");
   });
});
</script>

$（文档）.ready（函数（）{
$（“.menu_logo”）。单击（函数（）{
$（“.right”）.css（“宽度”，“88%”）；
$（“.left”）.css（“宽度”，“12%”）；
$（“.menu_logo”）.css（“显示”、“无”）；
});
});

使用CSS转换。将以下属性添加到

.right

和

.left

类中

CSS

-webkit-transition: width 150ms linear;
o-transition: width 150ms linear;
transition: width 150ms linear; 

---

要使用jquery执行此操作，可以使用以下剪报：

$("button").click(function() {$("div").animate({width:'350px'}, "slow")});

---

太好了！工作很有魅力！我想我必须触摸CSS。。。谢谢！！你好，很高兴听到这个消息。如果你没有更多的问题，考虑把它解决。