我试图让jQuery的slideDown()动画起作用,但在我的情况下,应该向下滑动的文本,只是出现..如何让动画也出现?
我也尝试手动指定速度,但最终结果是一样的.
HTML:
<section class="subscribe"> <button id="submitBtn" type="submit">Subscribe</button> <p></p> </section>
JavaScript的:
$(function () { $("#submitBtn").click(function (event) { $(".subscribe p").html("Thanks for your interest!").slideDown({ duration: 4000 }); }); });
JSFiddle:http://jsfiddle.net/ahmadka/A2mmP/
解决方法
输入文本并尝试向下滑动时,您的p元素已经显示.所以不需要动画.
$(function () { $("#submitBtn").click(function (event) { $(".subscribe p").hide().html("Thanks for your interest!").slideDown(4000); }); });