Javascript 当'；右'；按钮被点击了jquery？

如何让最近的容器或thmbnl最近的div在每次单击右键时向左滑动一次，而不使用滚动条来创建youtube所具有的滑动div效果

$（“按钮”）.onclick（函数（）{
$（'thmbnl recent'）。动画（{left::-=500}，2000）；
});
/*------------最近的项目----------*/
#近期集装箱{
宽度：950px；
高度：275px；
背景色：；
边框：实心；
边框宽度：1px；
边框颜色：#d8d8d8；
边缘底部：25px；
位置：绝对位置；
溢出-x：滚动；
溢出y：隐藏；
空白：nowrap；
}
.thmbnl最近{
填充：20px 13px 0px 13px；
宽度：190px；
显示：内联块；
边框：实心；
边框宽度：1px；
边框颜色：#d8d8d8；
背景色：白色；
过渡：背景色0.3s；
光标：指针；
}
.thmbnl最近的h1{
文本对齐：居中；
字体系列：“calibri light”；
字体大小：24px；
保证金：0自动；
填充：10px 0px；
字母间距：2px；
}
#最近的标题{
字体系列：“calibri light”；
文本对齐：居中；
宽度：950px；
背景色：白色；
保证金：0自动；
填充：10px 0px；
位置：相对位置；
z指数：2；
边框顶部：实心；
右边界：实心；
左边框：实心；
盒影：0 10px 10px-5px rgba（0,0,0,0.3）；
边框宽度：1px；
边框颜色：#d8d8d8；
}
.thmbnl最近：悬停{
背景色：#e8e8e8；
过渡：背景色0.3s；
}
.thmbnl最近：活动{
背景色：#d1d1；
}
/*--------幻灯片图像---------*/
#画廊容器{
利润率：75px 0px 45px 0px；
文本对齐：居中；
边框：实心；
边框颜色：#d8d8d8；
边框宽度：1.5px；
}
#滑动段{
文本对齐：居中；
背景色：白色；
填充：20px 20px 0px 20px；
}
#画廊容器h1{
填充：15px 0 15px 0；
保证金：0；
字体系列：“calibri light”；
字体大小：30px；
边框底部：实心；
背景色：白色；
边框颜色：#d8d8d8；
边框宽度：1.5px；
盒影：0.7px15px-2pxRGBA（0,0,0,0.3）；
z指数：3；
位置：相对位置；
}
#伊姆格罗{
边缘顶部：20px；
垫底：20px；
显示器：flex；
证明内容：之间的空间；
}
钮扣{
边缘顶部：280px；
}

近期项目
样品
样品
样品
样品
样品
样品
样品
正确的
以下是我如何使用jQuery和CSS3动画来实现这一点：


var$slider=$（“#最近的容器”）
$（“按钮”）。单击（函数（）{
$slider.css（“左”，“-=195px”）
})
h1{
字体大小：0.8rem
}
#最近的{
边框：#f00虚线2px；
溢出：隐藏；
位置：相对位置；
宽度：600px；
高度：230像素；
}
#最近的#最近的容器{
位置：绝对位置；
空白：nowrap；
左：0；
-webkit转换：所有2个易于输入输出；
过渡：所有1都易于输入输出；
}
#最近的#最近的容器。thmbnl最近的{
显示：内联块；
}

近期项目
样品
样品
样品
样品
样品
样品
样品
右键
打开控制台，它显示：
错误：$（'button'）。onclick不是一个函数
。您想使用
$（“按钮”）。请单击
。第二个错误：
#thmbnl recent
不存在。您需要为类选择
.thmbnl recent
，为id选择
#thmbnl recent
。非常感谢，这看起来很棒，我会使用它！不客气，这是一个非常快速的示例，当然可以随意修改代码。