Read More buttons that expand hidden text

[zzzmmm]

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?

[David_Powers]

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

[Nancy OShea · Accepted solution]

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.

[zzzmmm]

Thanks Nancy. Will give this a try.

[zzzmmm]

Nancy - this works great! Thanks so much!!

[Nancy OShea]

You're welcome.

FYI Bootstrap contains lots of good stuff.

http://getbootstrap.com/components/

Nancy O.

[zzzmmm]

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

[osgood_]

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