[oik] plugins.com

WordPress plugins and themes

  • Home
  • About
    • lazy shortcodes
    • smart shortcodes
    • oik base plugin
      • oik – donate
      • oik PayPal buttons
      • oik installation
      • oik Button Shortcode button
      • oik changelog
      • oik FAQ
      • oik plugins on SVN
      • oik plugins on GitHub
  • Plugins
    • oik base plugin
    • FREE oik plugins
    • WordPress plugins
    • Premium oik plugins
    • Bespoke oik plugins
  • Shortcodes
    • Shortcode examples
  • Blocks
    • Block examples
  • APIs
    • ALL action and filter hooks
  • Blog

bw_more – Hide remaining content behind ‘read more’ button

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.

read more

Note: You can style the read more link using CSS.

Live example

read more

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: March 27, 2014 | Last updated: November 27, 2022

Information

Shortcode: bw_more
Plugin ref: oik-read-more – progressively reveal content
Version: 0.2.4
API ref:
Enclosed content shortcode? Needs [/code]?: No
Expands in 'the_title'?: No
Letters: B

Syntax

[bw_more
read_more="read more| text - Text for read more button"
class="| CSS class - CSS class name(s)"]

Shortcode examples

  • bw_more with class parameter
  • bw_more with user defined read more text
  • Styled bw_more read more buttons

Related pages and posts

Pages
    Posts
      Posts related by tag
        Posts related by category name

          Plugins

          • All Plugins
          • oik base plugin
          • FREE oik plugins
          • WordPress plugins
          • Premium oik plugins

          Themes

          • FREE themes
          • Bespoke themes
          • Premium themes

          Blocks

          • All Blocks
          • Block examples
          • About Blocks

          Shortcodes

          • All Shortcodes
          • Shortcode examples
          • About Shortcodes

          Reference

          • About APIs
          • All APIs
          • All Classes
          • All Files
          • All Hooks

          Support

          • Contact
          • Cookies policy
          • Get API key
          • Privacy
          • Request support
          • Sitemap
          • Stay informed
          • Terms and Conditions
          oik-plugins
          Email: bobbingwide@bobbingwide.com

          Weight shipping plugins

          Find out which cart weight shipping plugin you need for your WooCommerce site.
          Which cart weight based plugin do I need?

          Site:  www.oik-plugins.com
          © Copyright oik-plugins 2011-2023. All rights reserved.


          Website designed and developed by Herb Miller of Bobbing Wide
          Proudly powered by WordPress and oik-plugins
          WordPress 6.1.1. PHP: 7.4.33. Memory limit: 768M