change style list image onclick + to -

Question

Hallo an alle ich hoffe euch geht es allen gut bitte helft mir, dieses problem zu lösen, ich bin verwirrt, wenn "onclick" ich will das die + werden - wie dieses angehängtes bild . daran erinnern, dass die + und - werden Bilder benannt Bild ‚puceplus.png‘ und ‚pucemoins.png‘

#ulist li:before { 
    content: url('puceplus.png'); 
    margin-right: 4px; 
} 

<ul id="ulist"> 
      <li onclick="hideshow('usublist1')"> 
       Gestion des données clients 
       <ul id="usublist1" style="display:none;" class="sublist"> 
        <li > 
         Centraliser vos données clients et éviter les redondances 
         </li> 

       </ul> 
      </li> 
</ul> 

Answer 1

ich zwei verschiedene Klassen für die geöffneten und geschlossenen Zustand verwenden würde. Dann mit Javascript haben Sie das beim Klicken geändert.

Es gibt ein funktionierendes Beispiel ohne jQuery. Sie müssen nur Ihre Bilder an den richtigen Stellen einfügen (Inhalt: URL (...)).

jsfiddle: change style list image without jQuery

#ulist > li { 
    list-style: none; 
} 
#ulist > li:hover { 
cursor: pointer; 
} 
#ulist > li:before { 
    margin-right: 4px; 
} 
#ulist > li.closed:before { 
    content: "+"; 
} 
#ulist > li.opened:before { 
    content: "-"; 
}