Javascript 如何在单击时交替执行jquery切换幻灯片操作

我想在单击时显示两个元素，一个接一个，用户单击按钮时，会显示带有类的第一个元素（

.show element one

），当用户第二次单击相同的按钮时，会显示带有类的第二个元素（

.show element two

），我使用下面的代码在单击时显示元素1，但我坚持在第二次单击时显示第二个元素

jQuery(document).ready(function() {
  jQuery('#display-elements').click(function() {
    jQuery('.show-element-one,.show-element-two').toggle("slide");
  });
});

---

我将非常感谢您的指导，谢谢。

也许您缺少

.slide

CSS类的定义。请尝试下面的代码

$（文档）.ready（函数（）{
$（“#显示元素”）。单击（函数（）{
$（'.show element one，.show element two'）。切换（“幻灯片”）；
});
});
。幻灯片{
显示：无；
}

显示元素1
显示元素二
切换
您可以设置一个计数器变量来计算其模数值，以循环方式显示这两个类的元素。类似下面的代码：


jQuery（文档）.ready（函数（）{
var计数=1；
jQuery（“#显示元素”）。单击（函数（）{
jQuery（'.show元素一，.show元素二'）.hide（）；
如果（计数%2！==0）{
jQuery（'.show element one'）。切换（“幻灯片”）；
}否则{
jQuery（'.show element two'）。切换（“幻灯片”）；
}
计数++；
});
});
。显示元素一，
.显示要素二{
显示：无；
}

点击我
显示元素1
show element 2
请给出一个可测试的示例完美，我正在寻找的解决方案