Javascript 向jQuery toggleClass（）添加动画的问题

你能看一下并让我知道如何在下面的代码中添加动画/速度或持续时间吗

$("#ecolomodel").on("click",function(){
   $("#ecolomodelno").toggleClass("switchshow switchhiden");
   $("#ecolomodelyes").toggleClass("switchhiden switchshow");

});

用这个加价

<div class="panel panel-default">
    <div class="panel-heading">Switch</div>
    <div class="panel-body">
        <div class="row">
           <div class="switch col-lg-offset-1 col-md-offset-1 col-sm-offset-1 col-xs-offset-1 col-lg-10 col-md-10 col-sm-10 col-xs-10">
                <button id="ecolomodelno" class="btn btn-primary switchshow norightradius col-lg-1 col-md-1 col-sm-2 col-xs-3">No</button>
                <button id="ecolomodel" class="btn btn-primary noradius col-lg-11 col-md-11 col-sm-8 col-xs-9">New Model</button>
                <button id="ecolomodelyes" class="btn btn-primary switchhiden noleftradius col-lg-1 col-md-1 col-sm-2 col-xs-3">Yes</button>
           </div>
        </div>
    </div>
</div>

---

但它不起作用

我认为您确实需要研究jQuery，看看它是如何工作的。这是一个非常简单的函数，我发现自己在反复使用它

---

您可以直接编辑CSS。尝试查看和测试他们网站上的一些示例。

在谷歌上快速搜索CSS3动画。它们非常快，并且比jQuery需要更少的加载时间。一旦你掌握了它们的窍门，它们就非常简单，而且比jQuery写得更快：DOWNVOTER-介意说明原因吗…？@suffei-别担心，伙计，还在努力寻找解决方案哈哈

$("#ecolomodel").on("click",function(){
   $("#ecolomodelno").toggleClass("switchshow switchhiden", 6000);
   $("#ecolomodelyes").toggleClass("switchhiden switchshow", 6000);

});