WordPress.org

Ready to get started?Download WordPress

Plugin Directory

Collapsing Categories

Adds a widget which uses Javascript to dynamically expand or collapse the set of posts for each category.

How do I use different symbols for collapsing and expanding?

If you want to use images, you can upload your own images to http://yourblogaddress/wp-content/plugins/collapsing-categories/img/collapse.gif and expand.gif

There is an option for this.

I have selected a category to expand by default, but it doesn't seem to work

If you select a sub-category to expand by default, but not the parent category, you will not see the sub-category expanded until you expand the parent category. You probably want to add both the parent and the sub-category into the expand by default list.

I can't get including or excluding to work

Make sure you specify category names, not ids.

= There seems to be a newline between the collapsing/expanding symbol and the category name. How do I fix this? =

If your theme has some css that says something like

sidebar li a {display:block}

that is the problem. You probably want to add a float:left to the .sym class

No categories are showing up! What's wrong?"

Are you using categories or tags? By default, collapsing categories only lists categories. Please check the options in the settings page (or in the widget if you are using the widget)

How do I change the style of the collapsing categories lists?

As of version 2.0, there are several default styles that come with collapsing-categories. You can choose from these in the widget settings , 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 * categories - 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 category which can be expanded (is currently collapsed) * collapse - applied to a category which can be collapsed (is currently expanded) * sym - class for the expanding / collapsing symbol

An example:

<ul id='widget-collapscat-15-top ' class='collapsing categories list'>
  <li class='collapsing categories post'><a
    href='http://mysite.com/your-website/about-your-own-site/'
    title='About your own site'>About your own site</a>
  </li>
  <li class='collapsing categories'><span class='collapsing categories expand'
    onclick='expandCollapse(event, "▶","▼", 1, "collapsing categories"); return
    false'><span class='sym'>▶</span>Web hosting</span>
    <ul id='collapsCat-176-15' style="display:none">
      <li class='collapsing categories post'><a 
        href='http://mysite.com/your-website/web-hosting/about-webhosting/'
        title='About webhosting'>About webhosting</a>
      </li>
      <li class='collapsing categories post'><a 
        href='http://mysite.com/products/webhosting-1/'
        title='Webhosting #1'>Webhosting #1</a>
      </li>
      <li class='collapsing categories post'><a 
        href='http://mysite.com/products/webhosting-2/'
        title='Webhosting #2'>Webhosting #2</a>
      </li>
    </ul>
  </li> <!-- ending subcategory -->

Requires: 2.8 or higher
Compatible up to: 3.6.1
Last Updated: 2013-8-2
Downloads: 126,432

Ratings

4 stars
4.3 out of 5 stars

Support

0 of 8 support threads in the last two months have been resolved.

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

0,1,0
71,7,5
100,1,1
0,1,0 40,10,4 100,3,3
89,9,8
0,4,0 67,6,4
100,1,1 56,9,5
0,1,0
33,3,1
67,3,2
100,1,1
75,4,3
50,2,1
100,1,1
100,2,2 0,3,0 75,4,3 67,6,4
33,3,1
57,7,4 100,1,1
60,5,3
0,4,0 100,1,1
44,9,4
67,6,4
100,3,3
100,4,4
100,1,1
67,3,2
0,1,0
100,2,2
100,1,1
100,2,2