Rozwijane menu ("plusy i minusy")

Witam, otóż mam pewien problem. Tworzę właśnie rozwijane pionowe menu i mam pewien ( chyba dość prosty ) problem do rozwiązania. Chciałbym, aby przy każdej pozycji menu przed tekstem wyświetlany był znak " + " ( gdy menu nie jest rozwinięte ) i " - " gdy jest rozwinięte. Czyli coś takiego w uproszczeniu:

+ Nazwa1
-  Nazwa2
      podMenu1
      podMenu2
+ Nazwa3

Samo rozwijanie mam już gotowe. Chodzi mi tylko właśnie o ten mały dodatek, by był on generowany automatycznie, tzn w htmlu wpisuje tylko Nazwa1,a 'plus' dodawany jest automatycznie. Jak coś takiego osiągnąć? Czy po prostu znaleŹć/ stworzyć jakiś obrazek i ładować inny gdy menu jest rozwinięte? Prosiłbym o pomoc. Pozdrawiam.

Możesz użyć pseudo-klasy before:

xyz::before { content: "+ "; }