Collapsing Pages vs Max Mega Menu

This is a very simple plugin that uses Javascript to form a collapsable set of links in the sidebar for the pages. Every page corresponding to a given parent page will be expanded. It is largely based off of my Collapsing Pages and Collapsing Pages plugins. What’s new? 2.0.3 (2024.01.01) Fixed issue with subsubpages not closing correctly Got rid of some more warnings Tested with 6.4.2 2.0.2 (2023.12.01) Got rid of some warnings Updated deprecated property __experimentalGroup Tested with 6.4.1 2.0.1 (2023.06.16) Bug fixes 2.0.0 (2023.03.17) Updated to use Gutenberg block 1.0.1 (2016.05.09) Fixed bug where sometimes setting accordion to false broke javascript 1.0 (2015.08.12) Compatible with WordPress 4.3 Fixed bug where expanding symbol showed up at lowest depth specified instead (thanks to tkibler for pointing it out) Added option to only display pages of the current subpage Added option to show top-level page (previously it was always shown) Added accordion style option Cleaned up widget settings improved style management, including the ability to specify style per widget Switched from unicode symbols to html entities Not showing tags for title if empty Fixed bug with title attribute of pages Totally rewrote javascript Options If using the manual version, you can pass options either as an array, or using the query style, just like for other wordpress functions such as wp_list_pages $defaults=array( 'title' => __('Pages', 'collapsing-pages'), 'sortOrder'=> 'ASC' , 'sort'=> 'pageName' , 'defaultExpand'=> '', 'expand' => 0, 'depth' =>-1, 'inExcludePage' => 'exclude', 'linkToPage' => true, 'inExcludePages' => '', 'showPosts' => false, 'animate' => 0, 'useCookies' => true, 'postTitleLength' => 0, 'showTopLevel' => true, 'currentPageOnly' => false, 'debug' => false, ); inExcludePage Whether to include or exclude certain pages ‘exclude’ (default) ‘include’ inExcludePages The pages which should be included or excluded showPosts Whether or not to include posts as well as pages. Default if false linkToPage True, clicking on a parent page title will link to that page (default) False, clicking on a parent page will expand to show sub-pages sort How to sort the pages. Possible values: ‘pageName’ the title of the page (default) ‘pageId’ the Id of the page ‘pageSlug’ the url of the page ‘menuOrder’ custom order specified in the pages settings sortOrder Whether pages should be sorted in normal or reverse order. Possible values: ‘ASC’ normal order (a-z 0-9) (default) ‘DESC’ reverse order (z-a 9-0) expand The symbols to be used to mark expanding and collapsing. Possible values: ‘0’ Triangles (default) ‘1’ + – ‘2’ [+] [-] ‘3’ images (you can upload your own if you wish) ‘4’ custom symbols customExpand If you have selected ‘4’ for the expand option, this character will be used to mark expandable link categories customCollapse If you have selected ‘4’ for the expand option, this character will be used to mark collapsible link categories postTitleLength Truncate post titles to this number of characters (default: 0 = don’t truncate) animate When set to true, collapsing and expanding will be animated useCookies When true, expanding and collapsing of pages is remembered for each visitor. When false, pages are always display collapsed (unless explicitly set to auto-expand). Possible values: true (default) false showTopLevel True – show top level pages (default) False – only display sub-pages and below currentPageOnly True – show only parent and sub pages of the current page False – show all pages (subject to the include or exclude parameters set) (default) debug When set to true, extra debugging information will be displayed in the underlying code of your page (but not visible from the browser). Use this option if you are having problems Examples collapsPage('animate=true&sort=ASC&expand=3,inExcludePages=about') This will produce a list with: * animation on * shown in alphabetical order * using images to mark collapsing and expanding * exclude page about Demo I use this plugin in my blog at http://blog.robfelty.com CAVEAT Currently this plugin relies on Javascript to expand and collapse the links. If a user’s browser doesn’t support javascript they won’t see the links to the posts, but the links to the pages will still work (which is the default behavior in wordpress anyways)

Max Mega Menu is a complete menu management plugin for WordPress, built for the block editor, page builders and classic themes. Create new menus from scratch or enhance your existing ones. With Max Mega Menu you can add WordPress widgets, blocks or custom HTML to your sub menus, style everything with the built in theme editor, and fine tune behaviour with powerful settings. Place menus via a block, page builder element (Bricks, Breakdance, Divi & Elementor), shortcode, widget or wp_nav_menu. The result is a light weight, user friendly, accessible and touch ready mega menu with just a few clicks. Documentation & Demo: https://www.megamenu.com Mobile Native touch event support Built-in off-canvas mobile menu option Set your own responsive breakpoint For items with sub-menus, control what happens on first and second tap – open/close or open/follow link Option to hide sub-menus on mobile Customisable mobile toggle bar – adjust elements to match your site design Features Extends the native WordPress menu system Restores the Appearance > Menus screen in full site editing themes Supports multiple menu locations, each with its own configuration Fully customise menu styling with the built in theme editor Google Font support via integration with the WordPress 7.0 Font Library Organise sub-menu content into rows and columns with the grid layout builder Display any WordPress widget or Block Pattern in your menu Traditional Flyout or Mega Menu sub-menu styles Hover, hover intent, or click to open sub-menus Sub-menu transitions: fade, fade up, slide up, or slide Add icons to menu items Per item options: hide text, disable link, hide on mobile and more Align items to the left or right of the menu bar Align sub-menus to the left or right of their parent item Off-canvas (slide in from left or right) or standard dropdown mobile menu Place your menu via block, widget, shortcode, or automatic integration Native modules for Bricks, Breakdance, Divi & Elementor Accessibility Keyboard Navigation built in TAB activates keyboard navigation and navigates through the menu on both desktop and mobile ENTER or SPACE on a sub menu arrow indicator shows/hides the sub menu ESC closes all open sub menus Max Mega Menu is developed with a focus on code quality, performance and usability. No !important, inline or block CSS – menu locations are styled via a single static CSS file Less than 2kb of JavaScript (gzipped) Responsive, touch and retina ready Keyboard navigation supported Tested across all modern desktop and mobile browsers Low memory footprint Supports all core nav_menu_* filters (prefix with mega_) In-depth documentation included Basic support included with the free version Pro Features: Sliding Panels Mobile Menu Tabbed Mega Menus Sticky Menu Vertical & Accordion Menus Font Awesome & Custom Icons Custom Item Styling Menu Logo Search Box WooCommerce & EDD support Roles & Restrictions Extended mobile toggle blocks Automatic updates Priority Support Find out more: https://www.megamenu.com/upgrade/