Lightweight Accordion vs Read More Without Refresh

Lightweight Accordion plugin for WordPress allows you to add collapse elements to posts using a Gutenberg block or a shortcode (via classic editor). By using the details HTML tag and a few lines of CSS this allows for a javascript-free accordion for minimum page load. Extremely Lightweight (<1kb): Without using Javascript the plugin uses the native details HTML tag and a few lines of code for almost no impact on front-end. Customizable: Options include customizing the HTML tag used for the accordion title, open by default, borders, colors, and accordion grouping (auto-close others when one opens). Shortcode Usage examples Here are a few examples of using the accordion plugin with shortcodes. [lightweight-accordion title="My Accordion"]My Content[/lightweight-accordion] Additionally you can display the accordion open on load with the accordion_open option. [lightweight-accordion title="My Accordion" accordion_open=true]My Content[/lightweight-accordion] You can also change the html tag wrapping the title of the accordion using the title_tag option. [lightweight-accordion title="My Accordion" title_tag="h3"]My Content[/lightweight-accordion] If you want to include FAQ schema you can add the schema option and set it to faq. [lightweight-accordion title="What is your return policy?" schema="faq"]You have 1 week to return your items[/lightweight-accordion] If you’d like put a border around the content of the accordion you can use the “bordered” attribute. [lightweight-accordion title="Bordered Content" bordered=true]My Content[/lightweight-accordion] If you want accordions to auto-close when another opens (exclusive accordion), use the “group” attribute with the same value on each accordion. [lightweight-accordion title="Question 1" group="faq"]Answer 1[/lightweight-accordion] [lightweight-accordion title="Question 2" group="faq"]Answer 2[/lightweight-accordion] [lightweight-accordion title="Question 3" group="faq"]Answer 3[/lightweight-accordion] If you’d like to swap the default triangle marker for a chevron or plus/minus icon (optionally on the right side of the title) use the “icon” and “icon_position” attributes. [lightweight-accordion title="My Accordion" icon="chevron" icon_position="right"]My Content[/lightweight-accordion] Shortcode Options Here is the full listing of shortcode options. Additionally all of these options are accessible when using the Gutenberg block. title (Required Default: null) The title of your accordion will be displayed at the top for users to click. A good example would be to include a user’s question so they could click it for more details. content (Required Default: null) Content that will go into your accordion element. title_tag (Default: “span”) This sets the html tag that wraps the title in the accordion summary. Useful if you want to make it a heading tag for SEO purposes. accordion_open (Default: false) Set this to true if you want your accordion to be open by default. bordered (Default: false) Set this to true if you want a border around the accordion content. title_text_color (Default: false) Set this to a hex value or CSS color to change the color of the accordion title text. title_background_color (Default: false) Set this to a hex value or CSS color to change the color of the accordion title text. schema (Default: false) Set this to faq if you’d like FAQ schema to be included. class (Default: false) Used to add a custom class to the parent container of the accordion. anchor (Default: null) Adds the value as an ID to the accordion div as an anchor. autop (Default: true) By default the shortcode will wrap text in a ‘p’ tag. Set this to false if you’d like this disabled for the specific accordion. group (Default: false) Set this to a group name to make accordions with the same group auto-close when another opens. Uses the native HTML details name attribute for zero JavaScript overhead. icon (Default: false) Set this to “chevron”, “plus”, or “none” to replace the default triangle marker. The chevron rotates and the plus becomes a minus when the accordion opens. icon_position (Default: false) Set this to “right” to display the chevron or plus icon on the right side of the accordion title. Additional Details If you’d like to remove the “lightweight-accordion.css” from being enqueued on your site use the filter below. It’s recommend you style the accordion yourself if you use this filter. add_filter('lightweight_accordion_include_frontend_stylesheet', '__return_false' ); If you’d like to remove the “lightweight-accordion/editor-styles.css” from being enqueued in the admin area of your site you can use the filter below. add_filter('lightweight_accordion_include_admin_stylesheet', '__return_false' ); If you’d like to remove processing of shortcodes in accordion content you can use this filter. add_filter('lightweight_accordion_process_shortcodes', '__return_false' ); If you’d like to use inline Microdata for FAQ schema you can use this filter. (Not recommended) add_filter('lightweight_accordion_output_microdata', '__return_true' ); If you’d like to force “lightweight-accordion.css” to load on all of your site you can use this filter. By default the plugin will detect if the block or shortcode is used and enqueue the CSS. add_filter('lightweight_accordion_always_include_frontend_stylesheet', '__return_true' ); When a page contains an accordion a tiny inline script is added to the footer that automatically opens accordions targeted by a URL hash (for example a link to an accordion’s anchor). If you’d like to disable this you can use the filter below. add_filter('lightweight_accordion_anchor_script', '__return_false' );

Introducing the Read More Without Refresh WordPress plugin v4.1.0 – your key to elevating user experience and SEO on your website. 🚀 Say goodbye to clunky page reloads that break content exploration. Your readers expand your valuable content instantly, with no interruption, while every hidden word stays 100% crawlable by search engines. A win for both visitors and Google. Latest Update 🎉 Version 4.1.0 is our biggest release yet. On top of the classic toolkit, the PRO version now adds a full growth suite: content locker, teaser paywall, AI summaries, a real analytics dashboard, A/B testing, sitewide automation and reusable content blocks: ✨ Free Version Features: Instant Read More / Read Less – smooth expand and collapse with no page refresh 100% SEO-friendly – all hidden content stays in the initial HTML and is fully crawlable Smooth Scroll – automatically scrolls to the expanded content Print Optimization – all content auto-expands when a reader prints the page Customizable button – colors, borders, padding and font weight to match your brand Modern tabbed settings UI – clean, organized and fully responsive Gutenberg compatible – and works with any page builder that renders shortcodes Full accessibility – ARIA support, keyboard navigation (Enter and Space), screen-reader friendly Enterprise security – zero inline JavaScript and comprehensive sanitization It works via a simple shortcode and can be placed everywhere. You can try the Live demo here. Simple Shortcode Usage: `[read more] Your long text [/read]` 🚀 Pro Version (the complete content-expansion and growth toolkit): Get it HERE 🔒 Content Locker – readers unlock hidden content with an email or a social share. Built-in Mailchimp, Brevo, MailPoet and webhook integrations, with leads stored locally. Turn your best content into a list-building engine. 🤖 AI Summaries (TL;DR) – auto-generate a concise summary of any post using your own OpenAI, Claude or Gemini key. Generated once per post, never per visitor, so it never runs up your API bill. 💳 Teaser Paywall – fade out content for non-members with a “continue reading” prompt. Soft (SEO-safe) or hard mode. 📊 Real Analytics Dashboard – per-page and per-button clicks, unlocks, leads and CTA conversions, a daily trend, date ranges and CSV export. Cache-proof tracking that works with WP Rocket and Cloudflare. 🧪 A/B Testing – test up to 5 button texts and apply the winning one with a single click. ⚡ Auto-Apply – collapse long posts, pages, products and even WooCommerce category descriptions sitewide, with zero shortcodes. 📑 Auto-Collapse Sections + Table of Contents – turn every H2/H3 into an accordion with an automatic table of contents and deep links (Wikipedia mode). ♻️ Global Content Blocks – write shipping, size or returns info once and reuse it across hundreds of pages: `[read block=”shipping-info”]`. 🎯 Engaged-User CTA – show an offer the moment a reader expands content, with tracked conversions. 🧱 Gutenberg InnerBlocks Block – hide ANY blocks (images, galleries, embeds), not just text. 🧩 Native Elementor Widget – full live-preview controls, no shortcodes. ✂️ Truncate Mode – `[read limit=”80″]` shows the first 80 words and hides the rest, HTML-safe. 🔐 GDPR Mode – zero external font and CDN requests for privacy-first sites. 20 Button Templates – one-click professional styles (Modern Blue, Glassmorphism, Neon Glow and more), no CSS needed 9 Animation Types – fade, slide, flip, zoom, bounce, rotate, scale and elastic, with customizable duration (0-2000ms) Accordion / FAQ Mode – with valid FAQPage schema for rich results in Google: `[read mode=”accordion” accordion_id=”faq1″]` Conditional Display Rules – time-based, scroll-triggered, device-filter and role-based content Font Awesome Icons (6,000+) and Google Fonts integration Advanced Styling – gradients, typography controls (size, line height, letter spacing, transform) and border radius Lazy Loading – load heavy hidden content only when it is expanded, for faster initial page loads GA4 and Custom Events – fires a GA4 event automatically when gtag is present, and dispatches `rmwr:expand` JavaScript events you can hook into GTM or your own scripts Deep Linking, Remember State and an Expand/Collapse All button (`[read_all]`) Settings Import/Export – perfect for agencies rolling out to many sites 📋 Free vs PRO: Included in both versions: Basic Show/Hide – ✅ Free | ✅ Pro Custom Colors and Styling – ✅ Free (basic) | ✅ Pro (advanced) Smooth Scroll – ✅ Free | ✅ Pro (configurable offset) Print Optimization – ✅ Free | ✅ Pro Fade Animation – ✅ Free | ✅ Pro (9 animation types) PRO-only: Content Locker (email / social unlock) – 👁️ Free (preview) | ✅ Pro Teaser Paywall – 👁️ Free (preview) | ✅ Pro AI Summaries (OpenAI / Claude / Gemini) – 👁️ Free (preview) | ✅ Pro Real Analytics Dashboard + CSV export – 👁️ Free (teaser) | ✅ Pro A/B Testing – 👁️ Free (preview) | ✅ Pro Auto-Apply (sitewide + WooCommerce categories) – 👁️ Free (preview) | ✅ Pro Auto-Collapse Sections + Table of Contents – 👁️ Free (preview) | ✅ Pro Global reusable Content Blocks – 👁️ Free (preview) | ✅ Pro 20 Button Templates – 👁️ Free (preview) | ✅ Pro 9 Animation Types – 👁️ Free (preview) | ✅ Pro Accordion/FAQ Mode with Schema – 👁️ Free (preview) | ✅ Pro Conditional Display Rules – 👁️ Free (preview) | ✅ Pro Font Awesome + Google Fonts – 👁️ Free (preview) | ✅ Pro Gutenberg InnerBlocks Block + Elementor Widget – 👁️ Free (preview) | ✅ Pro Truncate Mode + GDPR Mode – 👁️ Free (preview) | ✅ Pro Deep Linking, Remember State, Import/Export – ❌ Free | ✅ Pro 👁️ = shown in the free settings (disabled) so you can see exactly what PRO unlocks. Why Upgrade to PRO? Capture leads – the content locker builds your email list from the content people already want to read Monetize – the teaser paywall gates premium content for members without hurting SEO Save hours – Auto-Apply collapses long content and WooCommerce category text sitewide with zero shortcodes Make data-driven decisions – a real analytics dashboard and A/B testing show what actually engages readers Rank better – accordion FAQ schema and a fully crawlable table of contents boost SEO Scale across sites – reusable global blocks and settings import/export are built for agencies and stores Priority Support – a dedicated team for PRO users Enhance your WordPress site today with Read More Without Refresh, and take it to the next level with the PRO version. Elevate user satisfaction, capture leads, improve SEO, and make your content shine! Get the PRO version »