11521 sujets

JavaScript, DOM et API Web HTML5

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.

  <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)