jquery - CSS & jQuery (Q1) : Best light-weight method to switch from slide to slide on click

Question

我使用 CSS 和 jQuery 创建小型动画图形。当您点击一个按钮时，有一系列的动画从一张幻灯片切换到另一张幻灯片。

我目前使用的是这种方法:

<script>
$(function() {
$("#z-tab1").click(function() {
$(".zSlide1").removeClass("zhide");
$(".zSlide2").removeClass("zshow");
$(".zSlide3").removeClass("zshow");

//hide previous slides
$(".zSlide1").addClass("zshow");
$(".zSlide2").addClass("zhide");
$(".zSlide3").addClass("zhide");

</script>
<style>
.zhide{ display:none; }
.zshow{ display:block;}

/*slide 1 */
.zSlide1 {
width:100%;
height:100%;
max-width:600px;
min-height:500px;
min-width:320px;}

有没有更好的方法来实现这一点？

提前致谢；)

Answer 1

只需链接类并切换它们的显示

$("#z-tab1").click(function() {

    $(".zSlide1, .zSlide2, .zSlide3").toggle();

});