Bonjour,
J'ai un problème avec mon menu burger. Celui-ci s'ouvre et se ferme correctement quand je clique sur l'icône burger. Quand je clique sur un lien de mon menu ( pour aller un endroit de la page ) celui-ci disparaît ( ça c'est bien ) mais après que celui-ci disparaisse je ne peux plus le rouvrir.
Modifié par polo9908 (28 Apr 2019 - 15:34)
J'ai un problème avec mon menu burger. Celui-ci s'ouvre et se ferme correctement quand je clique sur l'icône burger. Quand je clique sur un lien de mon menu ( pour aller un endroit de la page ) celui-ci disparaît ( ça c'est bien ) mais après que celui-ci disparaisse je ne peux plus le rouvrir.
<div class="menu-wrap">
<input type="checkbox" class="toggler">
<div class="hamburger">
<div></div>
</div>
<nav>
<div>
<div>
<ul>
<li><a href="index.php"><?php echo $tr['accueil'] ?></a></li>
<li><a href="#apropos"><?php echo $tr['apropos'] ?></a></li>
<li><a href="#realisations"><?php echo $tr['realisations'] ?></a></li>
<li><a href="#competences"><?php echo $tr['compétences'] ?></a></li>
<li><a href="#contact"><?php echo $tr['contact'] ?></a></li>
<li><a class="diminution">A-</a></li>
<li><a class="reset">A</a></li>
<li><a class="augmentation">A+</a></li>
<li><a class="dyslexie"><?php echo $tr['dyslexie'] ?></a></li>
<li><a <?php echo $fr_class ?> href="?lang=fr">FR</a></li>
<li><a <?php echo $en_class ?> href="?lang=en">EN</a></li>
</ul>
</div>
</div>
</nav>
</div>
.animation-burger
{
background: white;
border-radius: 50%;
width: 0vw;
height: 0vw;
display: flex;
flex: none;
align-items: center;
justify-content: center;
transform: scale(0);
transition: all 0.4s ease;
}
$(document).ready(function(){
$("a").click(function(){
$("nav").toggleClass("animation-burger");
});
});
Modifié par polo9908 (28 Apr 2019 - 15:34)