How to collapse and expand a category?

thisismyurl · Member · Nov 14, 2007 at 3:58 pm
Copy link

Add topic to favorites
Hi all,

I have a site that’s all finished up except that the categories are always exposed. I want to only show the primary categories at first, and then show all the sub categories when somebody is in that one.

For example, on the homepage I want:

Christmas
Easter
New Years

But when Christmas is clicked, I want:

Christmas
Pudding
Trees
Toys
Easter
New Years

The sub categories are already assigned as children in the manager, so how do I set it up to only expose the ones that I want?
options · Member · Nov 14, 2007 at 4:20 pm
Copy link
hi,

do you mean something like there: http://www.scss.com.au/family/andrew/webdesign/explorertree/#triangles ?

sorry, you can’t expose the only categories that you want. it’s either all or nothing.

not on wordpress.com

other days I submitted this very idea through a feedback form twice, not a single reply since. it’s also mentioned in the so called “ideas” forums long ago.
sunburntkamel · Member · Nov 15, 2007 at 4:17 pm
Copy link
that’s not true, options, there are CSS classes in the category widget.

as long as you’re not using the dropdown.

this CSS rule will hide all the subcategories:
ul.children { display: none; }
this rul will show the children of the current category:
li.current-cat ul.children { display: block; }
thesacredpath · Member · Nov 15, 2007 at 4:40 pm
Copy link
@sunburntkamel
Does this allow a blog visitor to expand and collapse the subcategories from the category widget?
sunburntkamel · Member · Nov 15, 2007 at 8:21 pm
Copy link
no, this just condenses the category list. it expands when you’re on a category page.

if you want the categories to expand, you’ll need to also add:

li.current-cat:hover ul.children, li.current-cat:active ul.children { display: block; }

(this won’t work in IE6 and below)
thesacredpath · Member · Nov 15, 2007 at 8:39 pm
Copy link
@sunburntkamel
Thanks a bunch for clarifying that, and for posting the extra code to expand the categories on hover. I’m bookmarking this page for the future (and it will end up on my .org blog).
timethief · Member · Nov 15, 2007 at 8:48 pm
Copy link
@sbk
Thanks from me too – bookmarked. :-)
sunburntkamel · Member · Nov 15, 2007 at 9:12 pm
Copy link
now that i think about it- that doesn’t actually do what you need
that would only work on the category page.

i can’t think of a way to do on-demand accordian menus in CSS-only.
thesacredpath · Member · Nov 15, 2007 at 9:30 pm
Copy link
@sunburntkamel
Thanks for the clarification it’s a good thing to know anyway.

No items found.