Toggle和jQuery中的slideToggle有什么区别？

问题描述

<script type="text/javascript">
$("document").ready(function() {
 $("button").click(function() {
 $("[src$='.jpg']").slideToggle(1000);
  })
  }
)
</script>
<img src="http://images2.wikia.nocookie.net/__cb20101129232634/callofduty/images/2/2e/Pripyat.jpg">
<button>Click me</button>

与

is same like

<script type="text/javascript">
$("document").ready(function() {
 $("button").click(function() {
 $("img [src$='.jpg']").toggle(1000);
  })
  }
)
</script>
<img src="http://images2.wikia.nocookie.net/__cb20101129232634/callofduty/images/2/2e/Pripyat.jpg">
<button>Click me</button>

那真的有什么区别吗？

So is there really any difference?

推荐答案

然而应该指出 是动画中的一个区别，尽管它很小： .toggle（） code>将从左上角滑动元素，而 .slideToggle 会从上到下滑动。

It should be pointed out however that there is a difference in the animation, albeit a small one: .toggle() will slide the element from the top left corner, whereas .slideToggle will slide it from top to bottom.

您可以在上看到两个效果的示例。

You can see an example for both effects on this fiddle.

这篇关于Toggle和jQuery中的slideToggle有什么区别？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！