Extensible Arbre De Menu De La Liste

Ce que je veux réaliser est le suivant:

Je veux avoir une arborescence de la liste qui apparaîtra sur le côté gauche de la page, lorsqu'un Élément est développé, c'est des éléments sont chargées à partir d'une base de données (je peux faire de cette partie), donc en gros il va comme ceci:

+Category1
+Category2
+Category3
+Category4

Lorsque l'utilisateur clique sur +, il va montrer le dessous jusqu'les données sont saisies à partir de DB et ajouté à la page:

+Category1
-Category2
    loading ...
+Category3
+Category4

Une fois les données chargées, chaque sous-catégorie des sous-sous-catégories.

+Category1
-Category2
    +Sub-Cat1
    +Sub-Cat2
    +Sub-Cat3
    +Sub-Cat4
+Category3
+Category4

Comment puis-je y parvenir?

REMARQUE: je veux savoir comment mettre (* ou > ou n'importe quel autre symbole pour la liste, je crois que c'est le CSS mais je ne travaille pas avec la conception du tout!!)

Votre aide est très apprécié.

OriginalL'auteur sikas | 2011-12-14