如何创建自定义滑块JQuery

Question

我有4个div，其中2个隐藏。我左右箭头。我的想法如下：当点击左箭头时，隐藏两个可见的div，然后显示下两个。它应该是那样的，循环的。

右箭头也一样。

这是我的html：

      $("#test3").hide();
$("#test4").hide();



$("#left" ).click(function() {
    $( "#test1" ).toggle( "slide" );
    $("#test2").toggle("slide");
    $("#test3").show();
    $("#test4").show();

这是我所拥有的Jquery，它并没有真正发挥作用：

reinterpret_cast

问题是，当我点击箭头时，两个div被隐藏，另外两个被显示，但它不像旋转木马那样平滑。它们首先出现在下面的行上，然后取代前两个div。如果我再次点击左箭头，前两个出现，但最后两个仍然存在。我该如何隐藏它们？由于它是一个切换功能，我意识到它无法完成，但我会感激任何想法。