Hide remaining content behind a ‘read more’ button.
Click on the read more button until you’ve read everything. Refresh the page to start again.
Note: You can style the read more link using CSS.
Live example
Snippet
<div class="bw_read_more" id="bw_more-3"><span class="button art-button bw_button " id="bw_more-3">read more</span><div class="bw_more" id="bw_more-3" style="display:none;"><!– bw_more_end –></div><!– bw_more_end –></div><!– bw_more_end –></div>
<script type="text/javascript">jQuery( function() { jQuery( "div.bw_read_more#bw_more-1" ).click( function() { jQuery("span.bw_button#bw_more-1").hide( ); } ); });</script><script type="text/javascript">jQuery( function() { jQuery( "div.bw_read_more#bw_more-1" ).click( function() { jQuery("div.bw_more#bw_more-1").slideDown( ); } ); });</script><script type="text/javascript">jQuery( function() { jQuery( "div.bw_read_more#bw_more-2" ).click( function() { jQuery("span.bw_button#bw_more-2").hide( ); } ); });</script><script type="text/javascript">jQuery( function() { jQuery( "div.bw_read_more#bw_more-2" ).click( function() { jQuery("div.bw_more#bw_more-2").slideDown( ); } ); });</script><script type="text/javascript">jQuery( function() { jQuery( "div.bw_read_more#bw_more-3" ).click( function() { jQuery("span.bw_button#bw_more-3").hide( ); } ); });</script><script type="text/javascript">jQuery( function() { jQuery( "div.bw_read_more#bw_more-3" ).click( function() { jQuery("div.bw_more#bw_more-3").slideDown( ); } ); });</script>
Published: | Last updated: