简单JavaScript/jQuery图像滑块

我正在尝试制作一个图像滑块，它将步骤1滑动到-->子步骤1-->子步骤2-->子步骤3-->步骤1（右箭头），并将步骤1向后（左箭头）滑动到-->子步骤3-->子步骤2-->子步骤1-->步骤1 我已经编写了一个jQuery代码（您可以通过访问下面的jsfiddle链接看到），但是它工作不正常，而且非常滞后和错误。 无论您是更正现有代码还是提供新代码，我都将非常感谢您的帮助

多谢各位

。步骤箭头{
位置：绝对位置；
宽度：300px；
填充：19px 0px；
边缘顶部：128px；
z指数：1；
}
.步骤\箭头\上一步{
宽度：71px；
高度：67px；
浮动：左；
背景图像：url（'http://rockerbox.com/assets/img/general/left-arrow.png');
背景重复：无重复；
背景位置：50%50%；
}
.步骤\箭头\下一步{
宽度：72px；
高度：67px；
浮动：对；
背景图像：url（'http://rockerbox.com/assets/img/general/right-arrow.png');
背景重复：无重复；
背景位置：50%50%；
}
.步骤\箭头\上一步：悬停{
背景色：rgba（255、255、255、.2）；
光标：指针；
-webkit边界半径：0px 4px 0px；
-moz边界半径：0px 4px 4px 0px；
边界半径：0px 4px 0px；
}
.步骤\箭头\下一步：悬停{
背景色：rgba（255、255、255、.2）；
光标：指针；
-webkit边界半径：4px 0px 0px 4px；
-moz边界半径：4px 0px 0px 4px；
边界半径：4px 0px 0px 4px；
}
.步骤信息{
位置：绝对位置；
底部：0；
}
.步骤a{
颜色：#fff；
字体大小：10px；
文本转换：大写；
字母间距：1.5px；
-webkit边界半径：28px；
-moz边界半径：28px；
边界半径：28px；
显示：内联块；
背景#ff4e50；
左边距：21px；
字体大小：正常；
文字装饰：无；
宽度：70px；
高度：20px；
线高：21px；
文本对齐：居中；
}
.步骤a：悬停{
背景#3cb0fd；
}
.步骤2{
颜色：#fff；
字体大小：24px；
填充：15px19px19px；
保证金：0；
字体大小：粗体；
}
.步骤{
颜色：#ccc；
保证金：0；
填充：0px 24px 15px 19px；
字体大小：14px；
字体系列：Roboto；
字体大小：300；
线高：1.3em；
}
.步骤1{
浮动：左；
宽度：300px；
高度：400px；
背景图像：url（'http://images.askmen.com/responsive/channels/cars/car_tips.jpg');
背景尺寸：封面；
位置：相对位置；
}
.滑块1 ul{
保证金：0；
填充：0；
列表样式：无；
}
.滑块1 ul li{
保证金：0；
填充：0；
}
.滑块1{
浮动：左；
宽度：300px；
高度：400px；
位置：相对位置；
}
.第1步{
浮动：对；
宽度：300px；
高度：400px；
背景图像：url（'http://static2.consumerreportscdn.org/content/dam/cro/cars/sports/buying_lg_sports_cars.jpg');
背景尺寸：封面；
位置：相对位置；
}
.第2步{
浮动：对；
宽度：300px；
高度：400px；
背景图像：url（'http://i.kinja-img.com/gawker-media/image/upload/texbia6a0wfjdclbjlrw.jpg');
背景尺寸：封面；
位置：相对位置；
}
.第3步{
浮动：对；
宽度：300px；
高度：400px；
背景图像：url（'http://indianautosblog.com/wp-content/uploads/2013/12/2015-Ford-Mustang-front-three-quarters-3-leaked-press-shot.jpg');
背景尺寸：封面；
位置：相对位置；
}

Lorem ipsum dolor sit amet，
Lorem ipsum door sit amet，是一位杰出的领导者。埃尼安·康莫多·利古拉·埃吉特·多洛。埃尼安·马萨


在埃尼姆胡斯托
自由主义者的权利，非土耳其人的格言，卢克图斯·森佩尔·洛雷姆。Donec rhoncus a leo sit amet facilisis



无主语
Etiam rhoncus。时间之美，调味品之美，自由之美，平等之美



埃尼安秃鹫
Nam quam nunc、blandit vel、luctus pulvinar、hendrerit id、lorem。这是一个非常重要的时刻