Debarun-Das2002
commented
4 years ago - Add the 'read-more' class to your paragraph.
Long Text Content Here
- Add jQuery JavaScript library and the 'readmore.js' script to the webpage
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous">
- Just call the function readmore() on the paragraph and done.
$(function(){ $(".read-more").readmore(); });
- Customize the Read More and Read Less buttons with the following parameters.
$(".read-more").readmore({
// text for Read Less button hideText: "Read Less...",
// text for Read More button readText: "Read More...",
// shows text on init isTextShown: false,
// enables fade animations effect: true,
// animation speed effectOption: "fast",
// button classes buttonClasses: "btn-primary opacity-rollover",
// button ID id: "read-more-action"
});
best of luck
the more button is displayed even after the text is expanded in mentor section I would like to work on this issue