Div滑块错误 - 多个活动幻灯片

Question

我想在我的页面上创建一个div滑块。这是代码：

＆＃13;

＆＃13;

java.net.HttpCookie

＆＃13;

function selectSlaid(n) {
  var currentSlide = $(".slide.active");
  var nextSlide = $("#slide" + n);
  currentSlide.hide('slide', {
    direction: 'left'
  }, 1000).removeClass("active",
    function() {
      nextSlide.show('slide', {
        direction: 'right'
      }, 1000).addClass("active");
    });
}

＆＃13;

.slide
{

	display:none;
	
	
}
.slide.active
{
	display:block;
}

＆＃13;

＆＃13;

＆＃13;

它可以工作，但问题是，当我多次单击按钮时，它会显示两个或多个活动div。

我尝试过不同的方式，但我不知道怎么能不显示多个div。

按下给定按钮时，我有四个div在彼此之间移动。

有什么建议吗？