大佬教程收集整理的这篇文章主要介绍了slideToggle jQuery函数,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
$('#more').click(function() { $('#the_more').slideToggle("slow",function () { $('#more').html("Read Less"); }); });
有人发现任何问题?
好吧,措辞只在一个方向改变,所以它永远不会回到“阅读更多”.除此之外,很高兴看到随之而来的HTML.
这是一些可能有效的代码,等待查看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,请注明来意。