…在加速的移动页面（AMP）上显示更多

Question

I am creating an amp for my webpage. It contains lot of description about places. I want to implement ..show more after 4 lines so that user can see other content also in the mobile first fold (Text is dynamic so can be less than 4 lines also. In that case how can i determine that show more will not come) Is this possible with AMP?? Since I cannot use javascript and css solution is not possible for this, please help me in finding alternatives for the same. I have searched a lot about this but no luck so far. Thanks in advance

Answer 1

You can use an amp-accordion for this:

<p>The first four lines...</p>  
<amp-accordion disable-session-states>
  <section>
    <h4>
      <span class="show-more">Show more</span>
    </h4>
    <p>The remaining text... </p>
  </section>
</amp-accordion>

Here is a working example.