Onclick un a = show/hide un div

Je supprime mon message.
Modifié par exode (19 Dec 2011 - 13:59)

Personne?

Bonjour.

Tu n'aurais pas un peu de code à nous montrer, histoire que l'on comprenne un peu plus ton problème ?
Utilises-tu du javascript pur, ou un framework comme jquery&co ?

Je supprime mon message.
Modifié par exode (19 Dec 2011 - 13:59)

En jQuery, ça se ferait en deux-deux:

$('li a[href]').bind('click', function() {
$(this).parent().children('ul').toggle();
});

En JS pur, tu as besoin de naviguer à travers le DOM.
Ta fonction JS est simple mais répond au souci, mais tu dois lui passer l'objet DOM concerné (donc le li parent du a cliqué).

Je supprime mon message.
Modifié par exode (19 Dec 2011 - 13:59)

Il l'a fait plus ou moins déjà ...
Tu devrais te mettre à JQuery, tout le monde l'utilise et ce n'est pas pour rien.
Il ne prend pas de ressource quasiment (26Ko à télécharger depuis un CDN Google).

Cela te permettrait d'avoir un code propre, car ça fait un peu peur tes fonctions "submenu", "submenu2", "submenu3" ...

Pareil pour ta source HTML, les espaces peuvent être remplacés par du CSS (padding-left ou text-indent).
Ne mets pas de balises "style" dans tes pages, c'est pas propre, moins évolutif, et plus long pour afficher la page.
Utilises des classes CSS plutôt que des ID.

Enfin, je réponds pas vraiment, mais essaie de prendre du recul sur ce que tu fais plutôt que foncer dans la création de fonctions identiques. Ce que tu veux faire peut prendre 2 lignes.
Mais encore faut-il les réfléchir AVANT.

Salut,

voici un tuto en anglais pour faire cela:
http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/

Je supprime mon message.
Modifié par exode (19 Dec 2011 - 13:59)