Hauptknoden (Klappmenü) mit CSS stylen?

[kay899]

Hallo,
ich habe ein Klappmenü erstellt, bei dem ich nun die Hauptknoten (Menü 1, Menü 2 etc. per CSS stylen möchten, je nachdem ob die aktiv (also ausgeklappt) sind oder nicht.

Das Script für das Klappmenü:

<script>
 $(document).ready(function(){
// Klapp Menue
  var $klapp = $('#sitetree li.categories li');
  $klapp.filter(':not(.current-cat)').children('ul').css("display","none");
  $klapp.filter(':has(ul)').children(':first-child').append(' &raquo;').click(function(){
    $(this).parent().siblings().children('ul:visible').slideUp('normal');
    $(this).next().slideToggle('normal');
    return false;
  });
 });
</script>

Und hier das PHP:

    $result = mysql_query("SELECT nodeid, name, data FROM cms_stnodes WHERE projectid = '$projectid'");
    $anzahl = mysql_num_rows($result);
        if ($anzahl>1) { //Seitenbaum wurde bereits initalisiert
            echo "<div id=\"backend\">";
            echo "<fieldset><legend>"._SITETREE."</legend>";
            echo "<form action='sitetree.php?op=viewPages' method='post'>";
            echo "<table width='700' cellpadding='4' cellspacing='0' border='0' class='list'>";
            echo "      <div id='sitetree'>";
            echo "        <ul>";
            echo "          <li class='categories'>";
            echo "            <ul>";
            while(list($nodeid, $name, $data) = mysql_fetch_row($result)) {
                $lang_data = unserialize($data);
                echo "              <li class='cat-item'><a href='#'>".$lang_data['de']."</a>";
                echo "                <ul class='children'>";
                //Seiten des aktuellen Node auslesen
                $resultx = mysql_query("SELECT pageid, data FROM cms_stpages WHERE nodeid = '$nodeid'");
                while(list($pageid, $data) = mysql_fetch_row($resultx)) {
                    $lang_data = unserialize($data);
                    echo "                  <li class='cat-item'><a href='#'>".$lang_data['pagename'][0]."</a></li>";
                }
                echo "                </ul>" ;
                echo "              </li>";
            }
            echo "            </ul>";
            echo "          </li>";
            echo "        </ul>";
            echo "      </div>";
            echo "</table>";
            echo "<input type='submit' name='edit' value='"._EDIT."'>";
            echo "</form>";
            echo "</fieldset>";
            echo "</div>"; 

Kann mir jemand einen Tipp geben, ob ich das so per CSS lösen kann und wenn ja wie? Oder muss das noch irgendwie in dem Script das das Klappmenü steuert gelöst werden?

Danke für eure Hilfe
Kay