Discussion :

[Markos22]

Bonjour,

J'ai sur ma page une navbar-toggle responsive de bootstrap. En-deçà d'une certaine largeur d'écran, elle se transforme donc en icône de menu avec un effet "collapse". Le problème, c'est qu'elle se déplie bien lorsqu'on clique sur l'icone, mais elle ne se replie pas si l'on reclique. C'est normal ? Normalement, "toggle", ça veut dire que ça va dans les deux sens...

Voici mon code :

Code html :

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
<nav class="navbar navbar-inverse navbar-fixed-top">
		<div class="container">
			<div class="navbar-header">
				<button class="navbar-toggle collapsed" data-toggle="collapse"
					data-target="#main-menu" aria-expanded="true">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>
				</button>
				<a href="index.php" class="navbrand"><img
					src="logo/Logo Ma_boite.png" alt="logo"
					height="20px"></a>
				<address>
					<a href="tel:+xxxxxxxxxx"><span
						class="fa fa-phone"></span> XX XX XX XX XX</a>
				</address>
			</div>
			<div class="collapse navbar-collapse" id="main-menu">
				<ul class="nav navbar-nav">
					<li class="divider" role="separator"></li>
					<li><a href="index.php">Accueil</a></li>
					<li><a href="apropos.php">A propos de nous</a></li>
					<li><a href="contact.php">Contact</a></li>
				</ul>
			</div>
		</div>
	</nav>

Merci d'avance de votre aide...

[zigomario]

Bonjour,

Ton code fonctionne correctement pour moi.
J'utilise css et js de bootstrap en cdn.
Et jquery 3.1.1 via cdn de google.

Si tu utilises quelques chose de similaire, je pense que tu peux opter pour un conflit css ou js avec tes propres fichiers.

[Markos22]

Merci, @zigomario.

C'était effectivement une question de version. J'avais mis un jquery 2.1.4... Avec 3.1.1, ça marche mieux. J'espère que le reste va continuer de fonctionner... En attendant, la question est maintenant résolue.

A bientôt !