WPBean

Imran

<p>Vertical Sidebar Accordion Menu Block is a powerful and flexible Gutenberg block plugin that lets you create fully customizable vertical accordion menus for your WordPress site. It’s ideal for sidebars, navigation panels, and widget areas — helping you organize your content beautifully while keeping navigation compact and user-friendly.</p>
<p>Collapsible sidebar menus improve site usability by allowing visitors to expand and collapse submenus as needed. This saves valuable screen space, keeps your layout clean, and enhances readability, especially on mobile devices.</p>
<p>Designed with performance and flexibility in mind, this block works seamlessly with the native WordPress block editor and supports any modern theme. Whether you’re building a blog, portfolio, or eCommerce site, this plugin helps you deliver a professional, accessible, and responsive navigation experience.</p>
<h3>Quick Links</h3>
<p>👉 Upgrade to Pro: <a href="https://wpbean.com/downloads/vertical-sidebar-menu-block-pro/?utm_content=Vertical+Sidebar+Menu+Block&utm_campaign=repository&utm_medium=desc-link&utm_source=WordPress" rel="nofollow ugc">Explore all Features of Vertical Sidebar Menu Block</a><br />
👉 Live Demo: <a href="https://blocks.wpbean.com/vertical-sidebar-menu-block/" rel="nofollow ugc">Try Vertical Sidebar Menu Block Demo</a><br />
👉 Support: <a href="https://wpbean.com/support/" rel="nofollow ugc">Support</a><br />
👉 Source Code: <a href="https://github.com/wpbean/Vertical-Sidebar-Menu-Block" rel="nofollow ugc">GitHub Repository</a></p>
<p><iframe loading="lazy" title="Vertical Sidebar Menu Block - Gutenberg Menu Plugin - WordPress - WPBean" width="750" height="422" src="https://www.youtube.com/embed/oULtCW99xqs?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h3>Key Features</h3>
<ul>
<li><strong>Select Any Navigation Menu</strong>: Easily choose and display any existing WordPress navigation menu.</li>
<li><strong>Menu Depth Control</strong>: Define how many submenu levels to display for better structure and usability.</li>
<li><strong>Accordion-Style Navigation</strong>: Submenus expand and collapse smoothly for a clean, organized look.</li>
<li><strong>Auto-Expand Current Menu Item</strong>: Automatically expands the menu to reveal the current page for improved navigation clarity.</li>
<li><strong>Persistent Expanded State</strong>: Keeps menu items expanded after page reloads, providing a consistent browsing experience.</li>
<li><strong>Advanced Typography Options</strong>: Customize font family, size, and style separately for parent and child menu items.</li>
<li><strong>Flexible Styling Controls</strong>: Adjust colors, backgrounds, spacing, and hover effects for parent, child, and active menu items.</li>
<li><strong>Theme Compatibility</strong>: Works seamlessly with any modern WordPress theme and fully supports the Gutenberg block editor.</li>
<li><strong>Dedicated Support</strong>: Receive expert assistance from a responsive support team whenever you need help.</li>
</ul>
<h3>Source Code and Development</h3>
<p>This plugin uses wp-scripts which comes with modern build tools like Webpack and npm to generate production-ready files. The uncompressed source code is included in the plugin’s <code>src/</code> directory for transparency and review. Developers can access the source code directly or contribute via the GitHub repository.</p>
<p>To build the plugin from source:</p>
<ol>
<li>Install Node.js and npm.</li>
<li>Run <code>npm install</code> to install dependencies.</li>
<li>Use <code>npm run build</code> to compile the assets.</li>
</ol>
<p>For more details, see the documentation in the WordPress developer resources:<br />
<a href="https://developer.wordpress.org/block-editor/getting-started/devenv/get-started-with-wp-scripts/" rel="nofollow ugc">WordPress Developer Resources – Get started with wp-scripts</a></p>
<p>For details, see the documentation in the GitHub repository:<br />
<a href="https://github.com/wpbean/Vertical-Sidebar-Menu-Block" rel="nofollow ugc">GitHub – Vertical Sidebar Menu Block</a></p>
<h3>Credits</h3>
<p>This plugin includes a modified version of the <a href="https://github.com/tefra/navgoco" rel="nofollow ugc">Navgoco jQuery plugin</a> by Tefra, which is licensed under the BSD-3-Clause License. Original library copyright © Tefra. The modified version complies with the BSD-3-Clause License.</p>


Vertical Sidebar Accordion Menu Block

Create responsive vertical accordion menus using a customizable Gutenberg block. Perfect for sidebars and navigation panels.

ikhodal

<h3>Rich wordpress accordion plugin</h3>
<p>WordPress accordion plugin allow you to create unlimited beautiful wordpress accordion widget and attractive accordion content view using shortcode functionalites. There is powerful and advanced 100% mobile responsive accordion shortcodes creation features to create <strong>mulitple accordion shortcode</strong> and <strong>wordpress accordion widget</strong> that can be run in any pages or posts content editor.</p>
<p>Customer can search and view the posts according to categories with various ajax pagination options. It supports 40+ fully responsive templates with various layouts. It can also be configured as woocommerce product accordion view as accordion content element and wordpress accordion widget.</p>
<h4>Buy the Premium Version</h4>
<ul>
<li><a href="http://www.ikhodal.com/wp-category-and-post-accordion-panel/" rel="nofollow ugc">Buy or view demo of premium accordion plugin!</a> </li>
<li><a href="http://www.ikhodal.com/documentation-category-and-post-accordion-panel/" rel="nofollow ugc">Read Documentation</a>  </li>
</ul>
<h4>Free version accordion features</h4>
<ul>
<li>Ajax based loading more posts</li>
<li>Responsive styles and customizable template</li>
<li>Clean and modern designs</li>
<li>Allows to config unlimited widget for the sidebar that can be used in the same or any pages</li>
<li>Text and background color settings from admin panel for the widget heading, category tab, post title</li>
<li>Views <strong>wordpress accordion menu of category</strong></li>
<li>Supports categories selection for the wordpress accordion plugin</li>
</ul>
<h4>Premium features of WordPress accordion plugin</h4>
<ul>
<li><strong>10+ responsive accordion</strong> templates </li>
<li><strong>40+ beautiful mouse-hover animation</strong> effects </li>
<li>Three type of ajax based pagination</li>
<li>Hide or show display elements</li>
<li>Settings for modifying maximum width and height of the post images</li>
<li>Custom post types supports</li>
<li>Shortcodes creation</li>
<li>Supports visual composer plugin to configure the accordin plugin</li>
<li>Ajax Search functionality </li>
<li>Supports tags or any taxonomy as accordion panel</li>
<li>List and grid view</li>
<li>Can hide/show count of the posts</li>
<li>Hide or Show empty category</li>
<li>Short by or Order by category name by custom IDs or title</li>
<li>Allows to short/order posts by post id and title</li>
<li>Settings to hide/show certain categories from accordion plugin</li>
<li>Settings to open a category by default</li>
<li>Allows to change space between items in pixels </li>
<li>Allows to show/hide post author name and image </li>
<li>Supports “All” label accordion panel</li>
<li>RTL Support</li>
<li>Support hierarchy sub-category tree view single level</li>
<li>Hide/Show comments count</li>
<li>Allow to view wordpress accordion plugin into any page content or body</li>
</ul>
<blockquote>
<p>Note: there are some of the accordion plugin features are premium. Which means you need to buy <a href="http://www.ikhodal.com/wp-category-and-post-accordion-panel/" rel="nofollow ugc">premium wordpress accordion</a>!</p>
</blockquote>
<h4>Support Details</h4>
<ul>
<li>We do support for all the plugins and extensions, but please understand that support for premium plugins takes priority. <a href="http://www.ikhodal.com/support" rel="nofollow ugc">Click here to create support ticket</a></li>
</ul>
<h4>Other Recommended Amazing WordPress Accordion Plugins</h4>
<p>You might like following recommended free and paid plugins that supports accordion widget and shortcode creation using an amazing ajax load more functionality for the sidebar and content area.</p>
<ul>
<li><a href="https://wordpress.org/plugins/archive-posts-accordion-panel/" rel="ugc">Archive Posts WordPress Accordion Panel</a></li>
<li><a href="https://wordpress.org/plugins/accordion-panel-for-category-and-products/" rel="ugc">Category and Products Woocommerce Accordion Panel</a></li>
<li><a href="https://wordpress.org/plugins/tabular-price-pane/" rel="ugc">Price and Products Woocommerce Accordion Panel</a></li>
</ul>
<h4>Posts/products list and grid view with ajax pagination</h4>
<ul>
<li><a href="https://wordpress.org/plugins/ajax-load-more-post/" rel="ugc">Custom posts ajax list and grid view</a> </li>
<li><a href="https://wordpress.org/plugins/wc-load-more-product/" rel="ugc">woocommerce product list and grid view</a></li>
</ul>


Vertical Sidebar Accordion Menu Block vs Accordion