大佬教程收集整理的这篇文章主要介绍了slideToggle jQuery函数，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
$('#more').click(function() {
$('#the_more').slideToggle("slow",function () {
$('#more').html("Read Less");
});
});
有人发现任何问题？
好吧,措辞只在一个方向改变,所以它永远不会回到“阅读更多”.除此之外,很高兴看到随之而来的HTMl.
$('#more').click(function() {
$('#the_more').slideToggle("slow",function () {
$('#more').text(function (index,text) {
return (text == 'Read More' ? 'Read Less' : 'Read More');
});
});
return false;
});
代码的工作原理如下.
>单击事件绑定到#more元素,单击该函数时会触发.
>当被解雇时,#the_more元素会向上或向下滑动,切换,具体取决于它的可见性状态.
>完成slideToggle()更改文本后,将触发回调
> #the_more中的文本使用.text()函数的功能变体进行更改,这会将当前文本值传递给要更改的函数.
>文本函数只是一个ternary-if,用于检查#the_more中文本的当前值,如果它当前是“Read More”,则变为“Read Less”,反之亦然,即切换文本.
希望有所帮助.
以上是大佬教程为你收集整理的slideToggle jQuery函数全部内容，希望文章能够帮你解决slideToggle jQuery函数所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。