Question

如何编辑此代码，当我点击例如＃pizza-show时，之前选择的幻灯片会滑出？现在，当我点击每4个功能时，我可以看到所有4个幻灯片，但我需要总是只有一个幻灯片。跳，我解释了这一点。

<script>
$(document).ready(function(){
  $("#hamburgery-show").click(function(){
    $("#hamburgery").slideToggle();
  });
   $("#pizza-show").click(function(){
    $("#pizzy").slideToggle();
  });
   $("#piwa-show").click(function(){
    $("#piwa").slideToggle();
  });
   $("#zupy-show").click(function(){
    $("#zupy").slideToggle();
  });
});
</script>

Answer 1

从上面的代码中，您可以使用$=结束选择器：

在点击功能中，首先运行此行：

$("[id$='-show']:visible").slideUp();

这将找到ID为-show的所有元素（来自您的代码示例）并在切换单击元素之前将其向上滑动。理想情况下，您应该在所有这些元素上使用公共类，这样您就可以在对单击元素执行任何操作之前调用$(".class").slideUp()。

如何编辑此代码只显示一个div？ jQuery的

1 个答案: