Jump to content

How To Create a Read More drop down text

Recommended Posts

I currently have this code <details> <summary>[read more...]</summary> which allows me to have clients click the [read more] and expand to read the complete text. However the text "[read more] doesn't disappear, it stays on the page, with the expanded text below after it's been clicked on.

Anyone know how to make the "[read more...]" text disappear once it's clicked to expand to the full text?

The current code is 

<center><p><b> Founded in 1894, 4th generation Pascal Agrapart is humble, soft-spoken, and fiercely dedicated to expressing the terroir through his Champagne. Being in charge since 1984 and Pascal took the Domaine to become one of the finest grower estates in the Côte des Blancs. With 12ha of vineyards, throughout Grand & 1er Cru villages of Avize, Cramant, Oiry, and Oger, all owned and tended by the family with some vines in excess of 60 years of age...</b><details> <summary>[read more...]</summary>
<p> <b> A natural approach is taken without the use of chemical pesticides or herbicides, the organic life of the soil is of utmost importance to assure the health and productivity of the vineyard. Ferments with the use of indigenous yeast are preferred which is considered crucial for wines to showcase terroir. To ensure the highest quality, Pascal limits his production in any given year. Ambroise Agrapart now joins his father at the Domaine and they continue to produce one of the most refined and complex wines in the region. Pascal has rebranded some of the cuvées under “Champagne Pascal Agrapart” to signify wines in which he is solely responsible for crafting.  </b> </p>

Note: this website is currently under construction. Please refer to images attached.

Screen Shot 2021-04-27 at 4.30.20 PM.png

Screen Shot 2021-04-27 at 4.30.25 PM.png

Link to comment
  • Replies 0
  • Views 670
  • Created
  • Last Reply


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.