... Afficher plus sur les pages mobiles accélérées (AMP)

Question

Je crée un ampli pour ma page Web. Il contient beaucoup de description sur les lieux. Je veux mettre en œuvre ..show more après 4 lignes de sorte que l'utilisateur peut voir d'autres contenus aussi dans le premier pli mobile (Le texte est dynamique, donc peut être inférieur à 4 lignes aussi Dans ce cas, comment puis-je déterminer que plus ne viendra pas) possible avec AMP ?? Comme je ne peux pas utiliser javascript et css solution n'est pas possible pour cela, s'il vous plaît aidez-moi à trouver des alternatives pour le même. J'ai beaucoup cherché à ce sujet, mais pas de chance jusqu'à présent. Merci à l'avance

Answer 1

Vous pouvez utiliser un ampli-accordéon pour cela:

<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 est un exemple de travail.