如果内容溢出显示更多，则默认隐藏

Question

默认隐藏显示按钮，如果内容溢出则显示更多按钮

<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>