Menu Accordeon JQuery > remplacement liens par boutons

Bonjour,

J'ai testé le tuto Menu accordeon JsQuery que je trouve très intéressant . Voir ici: http://css.alsacreations.com/Tutoriels-JavaScript/Creer-un-menu-accordeon-avec-jQuery . Il génère un sous-menu d'items qui apparait et disparait en accordéon en cliquant sur un item principal.

Est-il possible de remplacer les liens par des boutons ? J'ai essayé de modifier sans succès les propriétés CSS qui s'appliquent aux liens. Le bouton s'affiche mais le menu ne se déroule pas dans IE ou Firefox.

Si quelqu'un a une idée, merci car je viens de voir ce post sur le forum. il semble indiquer que ce qui semble évident ne l'est pas vraiment:
http://forum.alsacreations.com/topic-5-34926-1-JQuery-declencher-un-menu-deroulant-a-partir-dune-image.html [/url]
Modifié par buenaventura (25 Oct 2008 - 17:34)

Salut,

qu'entends-tu par bouton ? Tu veux utiliser une image à la place de texte ?

Thomas D. a écrit :
Salut,

qu'entends-tu par bouton ? Tu veux utiliser une image à la place de texte ?

Oui, l'image d'un bouton.

A priori, il ne faut rien changer, mais simplement mettre l'image en dur dans le code HTML:

<a href="..." title="..."><img src="monBouton.png" alt="Page ..." /></a>

Ou utiliser une des techniques "Image Replacement" pour garder un menu en texte dans le code, mais en image à l'écran.

Calak a écrit :
Ou utiliser une des techniques "Image Replacement" pour garder un menu en texte dans le code, mais en image à l'écran.

Question de béotien, comme faire ? Au lieu du code initial:

<li class="toggleSubMenu"><span>Item 3</span>
<ul class="subMenu">
<li><a href="" title="">Item 3.1</a></li>
<li><a href="" title="">Item 3.2</a></li>

</ul>
</li>



J'ai saisi:
<li class="toggleSubMenu"><span><img src="bouton_2.gif" alt="image" width="119" height="33">Bouton</span> et la suite du code.

Seul le texte"Bouton" apparait à l'écran.

Je précise qu'un clic sur Item 3 (dans cet exemple de code), enroule ou déroule la liste de sous-items. Il ne s'agit donc pas d'un lien hypertexte normal.
Modifié par buenaventura (25 Oct 2008 - 17:11)

La solution au problème que j'indiquais se trouve ici:
http://www.i-marco.nl/weblog/jquery-accordion-menu/index_collapsed.html. Simple et efficace