Javascript 向jQuery添加动画

我尝试了很多代码，但我无法获得预期的正确输出，需要在jQuery中将animate类添加到以下代码中。我是jQuery的初学者

$（函数（）{
“严格使用”；
//启用边栏切换
$（“[data toggle='offcanvas']”）。单击（函数（e）{
e、 预防默认值（）；
//如果窗口足够小，请启用侧栏推送菜单
if（$（窗口）.width（）.content标题{
边际上限：0px；
}
.画布右侧的行。画布侧边栏{
右：-220px；
}
.画布左侧的行。画布侧边栏{
左：-220px；
}
.row-offcanvas-right.active{
右：220px；
}
.row-offcanvas-left.active{
左：220px；
}
body.fixed.row-offcanvas-left.active.navbar{
左：220px！重要；
右：0；
}
body.fixed.row-offcanvas-left.active.sidebar-offcanvas{
左：0px；
}

一些左侧内容
一些右侧内容

很值得一试，看看你是否能通过CSS转换实现你所追求的目标。这类问题的大部分都与没有正确组织你的类有关，与单位转换有关的某些问题（即颜色：红色到任何rgba值）。 此外，还要考虑@ Word.Wrand类的“媒体CSS查询”：

@media (min-width: 992px){
   //wider screen styles here
}

@media (max-width: 991px){
   //narrower screen styles
}

很难了解任何类信息，但请看一个损坏的jquery toggleClass示例 请注意，我不建议在这里使用#id选择器，我只是将其作为潜在问题源的一个示例来展示

CSS

还有JS

$('#button').on('click', function(){
  $(this).toggleClass('clicked', 1000);
});

---

好的，你期待什么？信息不完整

$('#button').on('click', function(){
  $(this).toggleClass('clicked', 1000);
});