Javascript 滑块效果不起作用

我试图在我的滑块上获得一个很好的滑动效果（从左到右）。但它不能用于transition和jQuery

我的代码有问题吗

$（文档）.ready（函数（）{
$（'.weiter'）。单击（函数（）{
if（$（'.eins'）.hasClass（'active'））{
$（'.eins'）.removeClass（'active'）；
$（'.zwei'）.addClass（'active'）；
}else if（$（'.zwei'）.hasClass（'active'））{
$（'.zwei'）.removeClass（'active'）；
$（'.eins'）.addClass（'active'）；
}
});
});
标题{
高度：250px；
宽度：100%；
显示：内联块；
边缘底部：20px；
}
标题节.eins{
背景：url（“http://www.petakids.com/wp-content/uploads/2015/07/sheep-and-lambs-in-field.jpg");
}
标题部分.zwei{
背景：url（“https://aos.iacpublishinglabs.com/question/aq/700px-394px/long-sheep-pregnant_1b7dbe4ddad4dd1.jpg?domain=cx.aos.ask.com");
}
标题部分{
身高：0；
可见性：隐藏；
宽度：0；
浮动：左；
}
标题节.active{
浮动：左；
身高：100%；
宽度：100%；
能见度：可见；
}
韦特先生{
显示：块；
光标：指针；
高度：50px；
背景：红色；
宽度：50px；
}

他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。
代码中缺少滑块动画。我可以使用元素的位置属性添加一个简单的幻灯片过渡

更新小提琴：

参考代码：


$（文档）.ready（函数（）{
$（'.weiter'）。单击（函数（）{
if（$（'.eins'）.hasClass（'active'））{
$（'.eins'）.removeClass（'active'）；
$（'.zwei'）.addClass（'active'）；
}else if（$（'.zwei'）.hasClass（'active'））{
$（'.zwei'）.removeClass（'active'）；
$（'.eins'）.addClass（'active'）；
}
});
});
标题{
高度：250px；
宽度：100%；
显示：内联块；
边缘底部：20px；
}
标题节.eins{
背景：url（“http://www.petakids.com/wp-content/uploads/2015/07/sheep-and-lambs-in-field.jpg");
}
标题部分.zwei{
背景：url（“https://aos.iacpublishinglabs.com/question/aq/700px-394px/long-sheep-pregnant_1b7dbe4ddad4dd1.jpg?domain=cx.aos.ask.com");
}
标题部分{
身高：0；
可见性：隐藏；
宽度：0；
浮动：左；
位置：相对位置；
左：100%；
过渡：全部3秒；
}
标题节.active{
浮动：左；
位置：相对位置；
左：0；
身高：100%；
宽度：100%；
能见度：可见；
}
韦特先生{
显示：块；
光标：指针；
高度：50px；
背景：红色；
宽度：50px；
}

他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。
我的代码中有什么错误吗
没有错误，但没有任何建议可以在javascript或CSW中“滑动”
这里是您提到的
转换
css？