Comment faire un menu accordéon avec une image au lieu d'un text

Fermé
nancy1206 - 28 mai 2013 à 16:24
Bonjour tout le monde! AU SECOURS
J'ai ce code :
<li class="toggleSubMenu"><span>Page 2</span>
<ul class="subMenu">
<li><a href="#" title="Aller à la page 2.1">Page 2.1</a></li>
<li><a href="#" title="Aller à la page 2.2">Page 2.2</a></li>
<li><a href="#" title="Aller à la page 2.3">Page 2.3</a></li>
</ul>
</li>
<script type="text/javascript">
$(document).ready( function () {
// On cache les sous-menus :
$(".navigation ul.subMenu").hide();
} ) ;
$(".navigation li.toggleSubMenu span").each( function () {
// On stocke le contenu du span :
var TexteSpan = $(this).text();
$(this).replaceWith('<a href="" title="Afficher le sous-menu">' + TexteSpan + '<\/a>') ;
} ) ;

Je voudrais remplacer le texte par une image mais je n'y arrive pas