在 jQuery 中，toggle 何时会比 slideToggle 更好？

Question

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

有人有过更喜欢切换而不是 slideToggle 以获得更好的视觉效果的经验吗？

Answer 1

.toggle 和 .slideToggle

之间有细微差别

Display or hide the matched elements.

Display or hide the matched elements with a sliding motion.

在下面的示例中，没有提供任何参数，因此 .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>

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

When would toggle be better than slideToggle in jQuery?