Skip to main content
zzzmmm
New Participant
January 20, 2016
Answered

Read More buttons that expand hidden text

  • January 20, 2016
  • 4 replies
  • 11679 views

Sorry if this is a basic question. How do you create the [Read More] buttons that expand hidden text in a paragraph in Dreamweaver CC 2015?

This topic has been closed for replies.
Correct answer Nancy OShea

How do you create the [Read More] buttons that expand hidden text in a paragraph in Dreamweaver CC 2015?

If you're using Bootstrap, use data-toggle and the collapse class.

<button class="btn btn-default" data-toggle="collapse" data-target="#details1">READ MORE</button>

<div id="details1" class="collapse">

DETAILS1 CONTENT GOES HERE...

</div>

Nancy O.

4 replies

Legend
January 21, 2016

Whilst that Bootstrap solution works to an extent it's not a true Read More/Read Less solution.

The below is a genuine solution:

jQuery Add More or Less Link to Text | Show More Link to Shorten Text to Display Rest of Text - ASP.NET,C…

zzzmmm
zzzmmmAuthor
New Participant
January 21, 2016

Thank you David. It's quite close to what I had in mind. Thanks again!

Nancy OShea
Community Expert
Nancy OSheaCommunity ExpertCorrect answer
Community Expert
January 20, 2016

How do you create the [Read More] buttons that expand hidden text in a paragraph in Dreamweaver CC 2015?

If you're using Bootstrap, use data-toggle and the collapse class.

<button class="btn btn-default" data-toggle="collapse" data-target="#details1">READ MORE</button>

<div id="details1" class="collapse">

DETAILS1 CONTENT GOES HERE...

</div>

Nancy O.

Nancy O'Shea— Product User & Community Expert
zzzmmm
zzzmmmAuthor
New Participant
January 21, 2016

Thanks Nancy. Will give this a try.

zzzmmm
zzzmmmAuthor
New Participant
January 21, 2016

Nancy - this works great! Thanks so much!!

David_Powers
Inspiring
January 20, 2016

Dreamweaver doesn't have a built-in tool for a Read More button. You can learn how to do it here: https://css-tricks.com/text-fade-read-more/.