変更スタイルリストイメージonclick + to-

Question

こんにちは皆、あなたはすてきですよね？ この問題を解決するために私を助けてください、私はこれと混同します "onclick"したいときは+ 。画像は画像Iが開閉状態のために2つの異なるクラスを使用します「puceplus.png」と「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

命名されている - は、+とがあることを覚えておいてください。 その後、javascriptを使用してクリックを変更しました。

jQueryを使用しない実例があります。適切な場所（コンテンツ：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: "-"; 
}