Issue on Adding Animation to jQuery toggleClass()

Issue on Adding Animation to jQuery toggleClass()

Can you please take a look at  This Demo  and let me know how I can add Animation / Speed or Duration to the following code

  2. $("#ecolomodel").on("click",function(){
  3.    $("#ecolomodelno").toggleClass("switchshow switchhiden");
  4.    $("#ecolomodelyes").toggleClass("switchhiden switchshow");
  5. });
using this mark up

  2. <div class="panel panel-default">
  3.     <div class="panel-heading">Switch</div>
  4.     <div class="panel-body">
  5.         <div class="row">
  6.            <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">
  7.                 <button id="ecolomodelno" class="btn btn-primary switchshow norightradius col-lg-1 col-md-1 col-sm-2 col-xs-3">No</button>
  8.                 <button id="ecolomodel" class="btn btn-primary noradius col-lg-11 col-md-11 col-sm-8 col-xs-9">New Model</button>
  9.                 <button id="ecolomodelyes" class="btn btn-primary switchhiden noleftradius col-lg-1 col-md-1 col-sm-2 col-xs-3">Yes</button>
  10.            </div>
  11.         </div>
  12.     </div>
  13. </div>
I already tried something like
  2. $("#ecolomodel").on("click",function(){
  3.    $("#ecolomodelno").toggleClass("switchshow switchhiden", 6000);
  4.    $("#ecolomodelyes").toggleClass("switchhiden switchshow", 6000);
  5. });
but it didn't work!. Thanks