Question

亲爱的StackOverflow朋友，我想应用我在本网站上找到的Js效果
goo.gl/F89yQX
点击“阅读更多”后显示全文，点击“隐藏文字”后缩小文字。

我在StackOverflow和Google上发现了很多类似的问题，特别是这个例子 jsfiddle.net/8SXNZ/1 /

$('.term-description').on('click', function () {
$(this).toggleClass('open'); });

但是我无法根据自己的需要对其进行修改：我必须在Wordpress网站上使用它，我更喜欢点击“显示/隐藏文字”字符串，正好就在第一个网站上我联的。

这是我的最后一次尝试 http://jsfiddle.net/leonardinha/hybvR/4/

$(document).ready(function() {
$(".more_custom").click(function() {
    $(".term-description").slideToggle(function() {
        if ($(this).is(":visible")) {
            $(".more_custom").text("Extend >>");
        }
        else {
            $(".more_custom").text("Reduce >>");
        }
    });
}); });

但我无法解决的问题是全文永远不会出现。谢谢你的时间！

Answer 1

我正在提出您的答案并将其发布在此处供未来用户使用：

<script type="text/javascript"
src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.4.min.js">
</script>
<script type="text/javascript"
src="http://plugins.learningjquery.com/expander/jquery.expander.js">
</script>
<script type="text/javascript">
    $(function () {
        $('div.readmore').expander({
            slicePoint: 200,
            expandText: 'Click Here to Read More',
            userCollapseText: 'Hide Text'
        });
    });
</script>

这是在devcurry.com

上找到的

切换部分文字

1 个答案: