Это просто пример не для WordPress. Скопируйте его в html файл и откройте в IE.
функцию JavaScript нужно поправить, чтобы условие if (event.srcElement.id=="foldheader") проверяла на соответствие class который отдает wp_list_categories для родителя.
Может что еще придется подкорректировать, так как в <li> еще <a href=""> стоит.
На самом деле я только предполагаю, что это будет работать, сам не пробовал, но собираюсь попробовать реализовать в скором времени.
http://codex.wordpress.org/Template_Tags/wp_dropdown_categories
Можно еще с помощью JavaScript.
Кидаю пример, но он работает только для IE.
FE и konqueror не работает. Насчет других браузеров не знаю.
—————————————————
<html>
<head>
<style>
<!–
#foldheader{cursor:hand ; font-weight:bold;}
#foldinglist{}
//–>
</style>
<script language="JavaScript">
<!–
function change(){
if(!document.all)
return
if (event.srcElement.id=="foldheader") {
var srcIndex = event.srcElement.sourceIndex
var nested = document.all[srcIndex+1]
if (nested.style.display=="none") {
nested.style.display=”
}
else {
nested.style.display="none"
}
}
}
document.onclick=change
//–>
</script>
</head>
<body>
<ul>
<li id="foldheader">News</li>
<ul id="foldinglist" style="display:none">
<li><a href="http://www.cnn.com">CNN</a></li>
<li><a href="http://www.abcnews.com">ABC News</a></li>
<li><a href="http://www.vancouversun.com">Vancouver Sun</a></li>
</ul>
<li id="foldheader">Games</li>
<ul id="foldinglist" style="display:none">
<li><a href="http://www.gamespot.com">GameSpot</a></li>
<li><a href="http://www.happypuppy.com">Happy Puppy</a></li>
<li><a href="http://www.gamecenter.com">Game Center</a></li>
</ul>
<li id="foldheader">Software</li>
<ul id="foldinglist" style="display:none">
<li><a href="http://www.download.com">outer 1</a></li>
<li><a href="http://www.hotfiles.com">outer 2</a></li>
<li id="foldheader">Nested</li>
<ul id="foldinglist" style="display:none">
<li><a href="http://www.windows95.com">nested 1</a></li>
<li><a href="http://www.shareware.com">nested 2</a></li>
</ul>
<li><a href="http://www.windows95.com">outer 3</a></li>
<li><a href="http://www.shareware.com">outer 4</a></li>
</ul>
</ul>
</body>
</html>
rootcom а где у вас <b>wp_list_categories</b> вобще в коде используется?
Это просто пример не для WordPress. Скопируйте его в html файл и откройте в IE.
функцию JavaScript нужно поправить, чтобы условие if (event.srcElement.id=="foldheader") проверяла на соответствие class который отдает wp_list_categories для родителя.
Может что еще придется подкорректировать, так как в <li> еще <a href=""> стоит.
На самом деле я только предполагаю, что это будет работать, сам не пробовал, но собираюсь попробовать реализовать в скором времени.