Javascript 使用jQuery在单击时设置幻灯片动画

我已经创建了一个滑块，但我正在尝试设置左框和右框的动画，以便分别定时淡入，左框淡入速度比右框快

我试着用我所掌握的一点知识来编写jQuery脚本，但不幸的是，它不起作用，我想知道是否有人能给我指出正确的方向/告诉我应该怎么做

window.location.hash='slide-1'；
$（“.control”）。单击（函数（）{
$（'与方框左'）.fadeIn（100）；
$（'对方框右'）.fadeIn（200）；
});
正文{
边缘顶端：40px；
字体系列：无衬线；
}
h3{
字体系列：蒙特塞拉特，无衬线；
字号：700；
字母间距：0.16em；
线高：1.1；
文本转换：大写；
字号：26px；
}
/**VS滑块**/
.vs滑块{
高度：470px；
位置：相对位置；
宽度：1110px；
保证金：0自动；
}
与幻灯片{
身高：100%；
位置：绝对位置；
宽度：100%；
-webkit变换：缩放（0）；
-moz变换：比例（0）；
-o变换：标度（0）；
-ms变换：尺度（0）；
变换：比例（0）；
}
与幻灯片：目标{
z指数：10；
-webkit转换：规模（1）；
-moz变换：比例（1）；
-o变换：标度（1）；
-ms变换：尺度（1）；
变换：比例（1）；
不透明度：1；
}
.vs控制{
列表样式：无；
保证金：0；
填充：0；
宽度：100%；
文本对齐：居中；
显示：内联块；
}
李宇春{
显示：内联块；
填充：20px；
}
李娜{
文字装饰：无；
颜色：#000；
}
/**幻灯片**/
.vs方框文本h3、.vs方框文本p{
颜色：#fff；
}
与盒式集装箱相比{
宽度：1110px；/*移除以使其充满cont*/
保证金：0自动；
}
.vs框左、.vs框右{
最大宽度：50%；
浮动：左；
最小高度：380px；
边界半径：8px；
盒影：0 1px 5px#000；
位置：相对位置；
}
.vs.框文本{
填充：75px；
}
.vs框左。vs框文本{
右边距：80px；
}
.vs方框右侧.vs方框文本{
左边距：80px；
}
与左框相对{
背景：线性梯度（135度，2148600%，100%）；
z指数：2；
}
对盒子的权利{
z指数：1；
边缘顶部：60像素；
左边距：-30px；
背景：-webkit线性梯度（-90度，#0870b7 0%，#0d3757 100%）；
}
.vs框文本跨度{
边框底部：6px实心透明；
显示：内联块；
垫底：10px；
边框底色：#fff；
}
与盒子圆{
位置：绝对位置；
边界半径：80px；
宽度：160px；
高度：160px；
背景：#fff；
左：48%；
顶部：250px；
-webkit转换：翻译（-50%，-50%）；
-ms转换：翻译（-50%，-50%）；
转换：翻译（-50%，-50%）；
z指数：20；
文本对齐：居中；
}
与盒子圆h3的对比{
保证金：0；
颜色：#0D2345；
字体大小：60px；
字号：700；
线高：160px；
字母间距：0px；
}

VS
幻灯片1
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作

幻灯片1
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作

幻灯片2
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作

幻灯片2
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作

幻灯片3
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作

幻灯片3
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作






您需要像这样在淡入中添加
隐藏（）


window.location.hash='slide-1'；
$（文档）.ready（函数（）{
$（“.control”）。单击（函数（）{
$（“.vs框左”）.hide（）.fadeIn（1000）；
$（'.vs.box right'）.hide（）.fadeIn（2000）；
});
});
正文{
边缘顶端：40px；
字体系列：无衬线；
}
h3{
字体系列：蒙特塞拉特，无衬线；
字号：700；
字母间距：0.16em；
线高：1.1；
文本转换：大写；
字号：26px；
}
/**VS滑块**/
.vs滑块{
高度：470px；
位置：相对位置；
宽度：1110px；
保证金：0自动；
}
与幻灯片{
身高：100%；
位置：绝对位置；
宽度：100%；
-webkit变换：缩放（0）；
-moz变换：比例（0）；
-o变换：标度（0）；
-ms变换：尺度（0）；
变换：比例（0）；
}
与幻灯片：目标{
z指数：10；
-webkit转换：规模（1）；
-moz变换：比例（1）；
-o变换：标度（1）；
-ms变换：尺度（1）；
变换：比例（1）；
不透明度：1；
}
.vs控制{
列表样式：无；
保证金：0；
填充：0；
宽度：100%；
文本对齐：居中；
显示：内联块；
}
李宇春{
显示：内联块；
填充：20px；
}
李娜{
文字装饰：无；
颜色：#000；
}
/**幻灯片**/
.vs方框文本h3、.vs方框文本p{
颜色：#fff；
}
与盒式集装箱相比{
宽度：1110px；/*移除以使其充满cont*/