Discussion :

[sybil]

bonsoir,

est il possible de faire un menu toggle(excusez moi je connais pas le mot en francais) rien qu'avec du css sans employer du js. Voici l'exemple de menu , biensur celui la utilise du js: (voir la colonne a gauche)

http://www.travail-solidarite.gouv.f...reves/409.html

si c'est possible merci bien de me montrer un exemple de code!

[onirisme]

Oui c'est possible mais je vois pas l'utilité de se passer de js...
C'est ce compliquer la vie, ça oblige a modifier tes balises en fonction de tes pages...
HTML :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
<div id="nav">
        <a class="active" href="index.html" >Lien1</a>
        <div class="active" >
            <ul style="display:true">
            <li><a href="#">sub1</a></li>
            <li><a href="#">sub2</a></li>
            <li><a href="#">sub3</a></li>
            <li><a href="#">sub4</a></li>
            <ul>
        </div>
</div>
<div id="nav">
        <a class="active" href="page2.html" >Lien2</a>
        <div >
            <ul style="display:none">
            <li><a href="#">sub1</a></li>
            <li><a href="#">sub1</a></li>
            <li><a href="#">sub1</a></li>
            <li><a href="#">sub1</a></li>
            </ul>
        </div>
</div>
<div id="nav">
        <a class="active" href="page3.html" >Lien3</a>
        <div class="pan">
            <ul style="display:none">
            <li><a href="#">sub1</a></li>
            <li><a href="#">sub1</a></li>
            <li><a href="#">sub1</a></li>
            <li><a href="#">sub1</a></li>
            </ul>
        </div>
</div>

Tu modifies le display none pour pas visible true pour visible.

Résultat

[Maxoo]

L'intérêt du menu toggle est de ne pas recharger la page pour voir les liens d'une rubrique. Donc ta solution marche bien onirisme, mais il faut utiliser du javascript sinon ça n'a aucun intérêt.

Voila

[onirisme]

C'est bien ce que je disais...

par moi :Oui c'est possible mais je vois pas l'utilité de se passer de js...
C'est ce compliquer la vie, ça oblige a modifier tes balises en fonction de tes pages...

[Maxoo]

C'est bien ce que je disais...

j'avais mal lu ... du début jusqu'à la fin ...
Mea culpa.

[sybil]

ok merci onirisme, je vois maintenant qu'en fesant ca rien qu'avec du css il faut faire plusieurs page html pour arrive au resultat toggle donc oui je crois que je vais utilisé js bien que je ne connais pas tres bien js mais le truc bien c'est quavec js je peux faire ca sur une seule page html (desolé pour la redac je viens de me reveillé).... bon je vais voir en tout cas merci pout ton code je vais l'etudier