Collapsing Pages

The Collapsing Pages plugin creates a list of all pages and sub-pages, which can be expanded and collapsed dynamically, as you can see in the sidebar on this page. The main function is as a widget, but there is also an option to use it as a drop-down horizontal menu for basic page navigation, if you are using wordpress as a cms, as in the screenshot below:

Note that the dropdown functionality has been removed in version 0.3, and will be made into a separate plugin in the near future.

The plugin is hosted on the official wordpress repository at: http://wordpress.org/extend/plugins/collapsing-pages

If you have any questions, bug reports, or feature requests, please go to the forum

Your appreciation

If you really like my plugins, please give them a nice ranking in the wordpress plugin repository (links above), or you can send me a donation via paypal below:

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 Archives
plugins.

= What’s new?=

• 0.6.1 (2010.06.21)

  • Removed extraneous debugging info (subpagecount=)

• 0.6 (2010.06.18)

  • Fixed html validation bug when linkToPage is false (thanks to
    levente.csabai)
  • fixed html parsing error in widget (thanks to vbonline)’

Download

Latest version: Download Collapsing Pages v0.6.1 [zip]

Installation

IMPORTANT!
Please deactivate before upgrading, then re-activate the plugin.

MANUAL INSTALLATION
(the only option for pre 2.3 wordpress, unless you have the widget plugin installed)

Unpackage contents to wp-content/plugins/ so that the files are in
a collapsPage directory. Now enable the plugin. To use the plugin,
change the following where appropriate (most likely sidebar.php):

<ul>
 `<?php wp_list_pages(...); ?>`
</ul>

To something of the following:

<?php
  echo "<ul>\n";
      if( function_exists('collapsPage') ) {
      collapsPage();
    } else {
      wp_list_pages(...);
    }
  echo "</ul>\n";
    ?>

You can specify options if you wish. See the options section.

The above will fall back to the WP function for pages if you disable
the plugin.

WIDGET INSTALLATION

For those who have widget capabilities, (default in WordPress 2.3+), installation is easier.

Unzip contents to wp-content/plugins/ so that the files are in a
collapsing-pages directory. You must enable the Collapsing Pages plugin, then
simply go the Presentation > Widgets section and add the Collapsing Pages
Widget.

FAQ

Q. How do I change the style of the collapsing categories lists?
A. As of version 0.5.3, there are several default styles that come with
collapsing-categories. You can choose from these in the settings panel, or you
can create your own custom style. A good strategy is to choose a default, then
modify it slightly to your needs.

The following classes are used:
* collapsing – applied to all ul and li elements
* pages – applied to all ul and li elements
* list – applied to the top-level ul
* item – applied to each li which has no sub-elements
* expand – applied to a page which can be expanded (is currently
collapsed)
* collapse – applied to a page which can be collapsed (is currently
expanded)
* sym – class for the expanding / collapsing symbol

An example:

<ul id='widget-collapspage-3-collapsPageList' class='collapsing pages list'>
  <li id='about-nav' class='collapsing pages item'><a href='http://blog.robfelty.com/about/' title="About">About</a>
  </li>
<li id='donate-nav' class='collapsing pages item'><a
href='http://blog.robfelty.com/donate/' title="Donate">Donate</a>
</li> <!-- ending page subcat count = 0-->
<li class='collapsing pages '><span title="Click to collapse"
class='collapsing pages collapse' onclick='expandCollapse(event, "▶", "▼", 1,
"collapsing pages"); return false'><span class='sym'>▼</span></span><a
href='http://blog.robfelty.com/plugins/' title="Wordpress Plugins">Wordpress
Plugins</a>
     <ul id='collapsPage-67' style='display:block;'>
<li class='collapsing pages item'><a
href='http://blog.robfelty.com/plugins/collapsing-archives/' title="Collapsing
Archives">Collapsing Archives</a></li>

<li class='collapsing pages item'><a
href='http://blog.robfelty.com/plugins/collapsing-categories/'
title="Collapsing Categories">Collapsing Categories</a></li>
<li class='collapsing pages item'><a
href='http://blog.robfelty.com/plugins/collapsing-links/' title="Collapsing
Links">Collapsing Links</a></li>
<li class='collapsing pages item'><a
href='http://blog.robfelty.com/plugins/collapsing-pages/' title="Collapsing
Pages">Collapsing Pages</a></li>
<li class='collapsing pages item'><a
href='http://blog.robfelty.com/plugins/postie/' title="Postie">Postie</a></li>
      </ul><!-- subpagecount = 5 ending subpage -->
      </li><!-- subpagecount = 5 ending subpage -->
<li id='forum-nav' class='collapsing pages item'><a
href='http://blog.robfelty.com/forum/' title="WP Plugin Forum">WP Plugin
Forum</a>                  </li> <!-- ending page subcat count = 0-->
</ul>

Q. How do I make the current page prominent in the list of pages?
A. The current page has the “self” class. By default, the “self” class style is
set to bold. If you would like to change this, you can change it in the
settings page.

Changelog

0.6.1 (2010.06.21)

• Removed extraneous debugging info (subpagecount=)

0.6 (2010.06.18)

• Fixed html validation bug when linkToPage is false (thanks to
  levente.csabai)
• fixed html parsing error in widget (thanks to vbonline)’

0.5.3 (2010.01.28)

• Restricted settings page to authorized users
• Fixed bug with manual usage
• Fixed bug with selecting “show posts as well as pages option”
• Fixed bug with wrong page id assigned to self class
• Switched from scriptaculous to jquery. No longer conflicts with plugins
  which use mootools (e.g. featured content gallery)

0.5.2 (2009.07.19)

• Added advanced options section in configuration
• Added option to remember expanding and collapsing for each visitor
  (using cookies)
• Now issuing a correct id for each ul when using widgets
• Small change in manual installation

0.5.1

• Fixed menuorder option
• Fixed problem with multiple instances
• Fixed problems with cookies on page load

0.5.beta

• A few more tweaks

0.5.alpha

• Added option to collapse widget
• Compatible with WP 2.8 (not backwards compatible)
• When using manually, can specify settings directly in code
• Changed hide and show classes to collapse and expand to avoid CSS class
  conflicts
• Tweaked default styles

0.4.3 (2009/05/06)

• Fixed html validation error

0.4.2 (2009/04/17)

• Fixed bug with wrong url to images
• Fixed bug with unicode codes showing up on page load instead of triangles

0.4.1 (2009/04/16)

• Added option for custom symbols

0.4 (2009/02/17)

• totally revised and improved style selecting methods
• fixed settings panel issue
• documentation now internationalized (Bernhard Reiter)
• german localization (Bernhard Reiter)
• Added truncate page title option

0.3.5 (2009/02/04)

• Updated internationalization support
• Can now exclude and auto-expand using page slug or ID
• Added option to make clicking on parent page expand sub-pages

0.3.4 (2009/01/21)

• removed debugging info
• fixed settings panel

0.3.3 (2009/01/20)

0.3.2 (2009/01/07)

• added version to javascript file
• not loading unnecessary code for admin pages (fixes interference with
  akismet stats page
• ‘self’ tag now gets added in subpages

0.3.1 (2009/01/06)

• Finally fixed disappearing widget problem when trying to add to sidebar
• Added debugging option to show the query used and the output
• Moved style option to options page
• tweaked default style some

0.3 (2008.12.04)

• can now use multiple instance of the widget
• can also use manually
• added option to animate expanding
• added more options for expanding characters
• consolidated javascript to share code with other collapsing plugins
• moved inline javascript to footer to speed page load time
• made styling an option (better flexibility and reduce number of http
  requests)

0.2.5 (2008.11.01)

• fixed bug in that autoExpand was not available to getSubPage

0.2.4 (2008.10.28)

• fixed bug with missing seventh argument to getSubPage when used recursively

0.2.3 (2008.07.14)

• Added option to automatically expand some pages
• Added option to control the number of levels of pages which are expanded
• Added “self” class to pages in list which match the current page. No link
  is made for these. CSS can
  then be used to style these differently

0.2.2 (2008.05.23)

• Re-fixed code so that xhtml validates
• Added option for different expand and collapse icons

0.2.1 (2008.05.01)

• Link now spans the whole dropdown
• Now indicates the presence of an additional submenu (doesn’t work in IE 6
  or less)
• fixed html so that it validates correctly

0.2 (2008.04.30)

• Now includes the possibility of providing a drop-down menu of pages and
  sub-pages, instead of a nested list. Only useful for a header navigation

0.1.1 (2008.04.25)

• Can exclude pages (and sub-pages of those pages)

0.1 (2008.04.23):