jonardern

I’ve just done it with a bucket load of CSS, I’m sure its not the anything like the best way but if your really stuck it:

#newsContent ul li ul li a {
background-color:#cdcdcd;
border:1px solid #999999;
color:#000;
display:block;
margin:0 0 5px;
padding:5px 7px;
width:284px;
}

#newsContent ul li ul li.cat-item ul.children {height: 0px; }
#newsContent ul li ul li.cat-item ul.children li a {visibility: hidden; }

#newsContent ul li ul li.current-cat ul.children, #newsContent ul li ul li.current-cat-parent ul.children
 {height: auto; }

#newsContent ul li ul li.current-cat-parent ul.children li a, #newsContent ul li ul li.current-cat ul.children li a {
background-color:#CDCDCD;
border-color:#FFFFFF;
color:#000000;
font-size:85%;
margin:-6px 0 5px 2px;
padding:5px 0 3px 12px;
visibility:visible;
width:282px;
}

#newsContent ul li.current-cat a, #newsContent ul li.current-cat a:hover,
#newsContent ul li.cat-item ul.children li.current-cat a, #newsContent ul li.cat-item ul.children li.current-cat a:hover
{ background: #fff; color: #000; }

#newsContent ul li a:hover,
#newsContent ul li.current-cat ul.children li a:hover,
#newsContent ul li.current-cat-parent ul.children li a:hover { background: #fff; color: #E26524; }

#newsContent ul li.current-cat-parent a {margin-bottom: 6px;}

newsContent is the id of my side bar div, alot of the code is for styling the main point is to hide the sub cat unless its parent has an current-cat class.

hope this helps