To add the "read more" functionality, all you need to do is copy and paste the code below into a CMS block, product description, or category description.
Make sure you paste it underneath the content you want to expand, and be careful not to delete any code by accident.
<div class="read-more-info">
<a href="#readmore" onclick="toggle_visibility('rmore');">Read More »</a>
</div>
<div id="rmore" class="rm-styles" style="display: none;">
Insert our content here.
</div>
If you need the same "read more" functionality twice on the page, make sure the second "read more" matches the code below. All you need to do is add 2 after rmore in both spots. Same goes for if you need a third one: rmore3, rmore4, and so on.
<div class="read-more-info">
<a href="#readmore" onclick="toggle_visibility('rmore2');">Read More »</a>
</div>
<div id="rmore2" class="rm-styles" style="display: none;">
Insert our content here.
</div>
Comments