Question

我一直绞尽脑汁，在这个简单的问题上疯狂地搜索互联网：我什么时候想要使用切换而不是使用slideToggle？对于我使用jQuery效果（主要是切换表格和表格行）所做的一切，slideToggle提供了出色的视觉效果IMO。所以我很想找到一个用例，当切换可能更好。

任何人都喜欢在slideToggle上切换以获得更好的视觉效果吗？

Answer 1

.toggle和.slideToggle

之间存在细微差别

.toggle()

显示或隐藏匹配的元素。

.slideToggle()

以滑动方式显示或隐藏匹配的元素。

在以下示例中，没有提供参数，因此.toggle会立即隐藏元素，而.slideToggle会将其向上滑动

$("#toggle").toggle();
$("#slide").slideToggle();

#toggle {
  width: 100px;
  height: 100px;
  background-color: red;
}

#slide {
  width: 100px;
  height: 100px;
  background-color: blue;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="toggle">

</div>
<div id="slide">

</div>

然而在这个例子中，我指定切换时间为1000毫秒，你可以看到动画的差异

$("#toggle").toggle(1000);
$("#slide").slideToggle(1000);

#toggle {
  width: 100px;
  height: 100px;
  background-color: red;
}

#slide {
  width: 100px;
  height: 100px;
  background-color: blue;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="toggle">

</div>
<div id="slide">

</div>

至于你想要使用哪一个，显然，它取决于上下文。

什么时候切换比jQuery中的slideToggle更好？

1 个答案: