JQuery Fonction recursive

<ul class="">
 <li><span>myexplorer</span>
  <ul class="">
   <li><span>secure</span>
    <ul class="">
     <li><span>include</span>
      <ul class="">
       <li><span>external</span>
        <ul class="">
         <li><span>PHPLiveX</span></li>
        </ul><ul class="">
       <li><span>jQuery</span></li>
      </ul>
     </li>
    </ul>
   </li>
  </ul>
  <ul class="">
   <li><span>themes</span>
    <ul class="">
     <li><span>default</span>
      <ul class="">
       <li><span>css</span></li>
      </ul>
      <ul class="">
        <li><span>js</span></li>
      </ul>
     </li>
    </ul>
   </li>
  </ul>

Prenons pour exemple cet arborescence (sans doute mal indenté mais vous avez saisi le principe)

J'aimerai que lorsque je clik sur un span le span se mette en gras (ca c ok) mais je voudrai aussi que toute l'arboresence parent se mette aussi en gras, de plus je souhaiterai afficher le texte contenu dans chacun d'eux (ex :myexplorer/secure/themes) 

J'attends vos réponses.


Merci bien


++

Ranouf