Question

wordpress怎么控制展开或者收拢文章

Answer 1

这个其实不是wordpress的问题，而是css+javascript的问题

我临时写了一段，示意下大概思路供你参考：

<style type="text/css">
    .article {
        height: auto;
        background-color: gray;
    }
    .hide-more {
        height: 300px;
        overflow: hidden;
    }
</style>
<div class="article">
<p>
    百度知道是一个基于搜索的互动式知识问答分享平台，于2005年6月21日发布，9年多来无数的芝麻在百度知道获取需要的答案，解决难题，而这些优质问题是从何而来呢？是我们的芝麻，友爱而勤劳的芝麻，想知道他们是怎么贡献那么多优质的回答吗？跟我一起走进答题的世界吧。
1.回答入口
◆ 点击“我要回答”按钮，通过关键词搜索出现的待完善问题
http://zhidao.baidu.com/uhome?type=recommend
</p>


<p>
◆ 首页关键词和分类问题推荐，为我推荐的问题
http://zhidao.baidu.com/

◆ 个人中心的“为我推荐的问题”
http://zhidao.baidu.com/uhome
</p>

<p>
◆ 分类列表下的问题
如：生活：http://zhidao.baidu.com/browse/80
</p>


<p>
◆ 个人中心栏目中“我关注的关键词”
http://zhidao.baidu.com/uhome?type=keyword#content
</p>


<p>
2. 回答问题
◆ 正式答题
http://zhidao.baidu.com/question/1818774949142356748.html?push=keyword
</p>
<p>
浏览问题页面时，您可以直接进行回答，将您仔细核实过，确保正确的答案输入进去，然后提交，就成功的回答了一个问题，而且对一个问题，您只能回答一次，不过对您回答的问题您还可以直接在原来的基础上修改哦。
</p>
<p>
另外百度知道提供了上传附件，加粗，标红，符号，编号，排版，图片，附件，地图等回答功能，善于结合和运用这些回答功能，让你的回答看上去与众不同，标新立异。
◆ 采纳提醒
在百度知道答题，回答被追问，回答被采纳，回答被屏蔽，回答被加密等问题是作为一个回答者必须密切关注的动态。所以请前往个人中心-设置-消息提醒，将消息动态提醒项目都勾选上，这样有动态提醒时会在百度知道页面右上角弹出窗口提示。
</p>


<p>
3.查看回答

到个人中心的“我的回答”进行查看

到您回答的问题所在的分类浏览查找
在页面顶端的搜索框输入您回答的问题的标题，或您的回答中包含的关键词，进行搜索
请注意您的回答不要违背“知道协议”的内容，否则回答将被编辑删除，并扣除10分，情节严重者,“知道”有权对其做出关闭部分权限、暂停直至删除其帐号等处罚
</p>
<p>
4.设置关注分类和关注关键词
设置自己擅长和喜欢的分类以及关键词，这样自己的主页系统会给您推荐您所关注的未解决问题,您回答题目的选择也会更多哦，直接在首页点击我关注的关键词，如果还未设置，系统就会提示设置关键词哦。
http://zhidao.baidu.com/
</p>



<p>
5.如何避免问答被删

要避免问答、评论被删除，请注意您的提问、回答或评论不违反“知道协议”，一旦违反，“知道”管理人员有权不提前通知用户直接删除，并不退回您为提问支付的任何费用，还将依照有关规定作相应处罚，情节严重者，“知道”有权对其做出关闭部分权限、暂停直至删除其帐号的处罚。
</p>
</div>
<script src="http://jokerliang.com/wp-includes/js/jquery/jquery.js?ver=1.12.4"></script>
<script>
    (function( $ ) {
        $('.article').on( 'click', function(){
            $(this).toggleClass('hide-more'); //点击后通过切换hide-more这个样式实现显示 还是 合拢
        })
    } )(jQuery)
</script>