默认隐藏显示按钮,如果内容溢出则显示更多按钮
<div class="q-list-box">
<div class="q-list-heading">
<p>Formulas and Percentage on Averages</p>
</div>
<input type="checkbox" class="read-more-state" id="post-2" />
<ul class="read-more-wrap circle">
<li>Question no 1 - Lorem Ipsum</li>
<li>Question no 2 - Lorem Ipsum</li>
<li>Question no 3 - Lorem Ipsum</li>
<li>Question no 4 - Lorem Ipsum</li>
<li>Question no 5 - Lorem Ipsum</li>
<li class="read-more-target">Question no 6 - Lorem Ipsum</li>
<li class="read-more-target">Question no 7 - Lorem Ipsum</li>
<li class="read-more-target">Question no 8 - Lorem Ipsum</li>
</ul>
<label for="post-2" class="read-more-trigger"></label>
</div>