Près de la bascule sur le menu cliquez sur

J'ai une bascule menu pour mobile. Ce dont j'ai besoin est - quand un utilisateur clique sur un élément de menu j'ai besoin de la bascule menu pour le fermer.

jQuery:

$(".nav-button").click(function () {
    $(".nav-button,.primary-nav").toggleClass("open");
});

HTML:

<button class="nav-button">Toggle Navigation</button>
<nav id="mobile-nav">
    <ul class="primary-nav">
        <li class="current"><a class="scroll-link" href="#home">text</a></li>
        <li><a class="scroll-link" href="#tab2">text</a></li>
        <li><a class="scroll-link" href="#tab3">text</a></li>
        <li><a class="scroll-link" href="#tab4">{text</a></li>
        <li><a class="scroll-link" href="#tab5">{text</a></li>
        <li><a class="scroll-link" href="#tab6">{text</a></li>
    </ul>
</nav>

Toute aide serait grandement appréciée, merci

Mise à JOUR

Merci pour toutes les réponses, mais aucun d'eux n'a atteint ce que je veux, je sais que ma première question était un peu de la foutaise !

la principale raison est le site que je suis en train de faire est une barre de défilement parallaxe , donc je veux la bascule de menu pour le fermer lorsqu'un élément de menu est cliqué, de sorte que l'utilisateur peut voir l'effet de parallaxe au lieu de voir un menu statique

J'ai trouver une solution qui ferme l'interrupteur menu lorsqu'un utilisateur clique sur un élément de menu

le problème est que le menu va alors s'ouvre pas quand je clique sur le bouton de bascule après, le point de menu a été cliqué

est-il un moyen pour défaut d'origine de la classe ouverte une fois que l'élément de menu a été cliqué et que le menu est fermé

$(".nav-button").click(function () {
    $(".nav-button,.primary-nav").toggleClass("open");
});  

$(".scroll-link").click(function () 
    $(".nav-button,.primary-nav").toggleClass("close");
});
  • alors, quelle est la question?
  • Veuillez lire de nouveau à votre propre question.
  • $('.scroll-link').click(function(){$('.nav-button').removeClass('open')});
  • comme je l'ai dit 😉 quand un utilisateur clique sur un élément de menu j'ai besoin de la bascule menu pour le fermer. merci lee
InformationsquelleAutor Lee Herrod | 2013-09-26
  1. 2

    Je ne comprends pas ce que vous avez besoin exactement, mais essayez celui-ci:

    $(".nav-button").click(function () {
    $("#mobile-nav").toggle();
});

$(".scroll-link").click(function () {
    $("#mobile-nav").hide();
});
    • merci mais c'était presque là , ce code se cache le menu au total, j'ai juste besoin de bascule menu pour le fermer lorsqu'un utilisateur clique sur un élément du menu, puis lorsque la valeur liquidative du bouton à bascule on clique sur le menu s'affiche de nouveau.
    InformationsquelleAutor Giorgi BaneTishvili
  2. 1

    [enter description du lien ici][1]Cela peut être un peu tard pour vous, mais je viens de chercher la réponse à la même question en utilisant le même menu mobile, et c'est ce que j'ai utilisé pour faire les choses correctement. 

    $(".nav-button, ul.primary-nav li a").click(function () {
$(".primary-nav").toggleClass("open");
});

    http://jsfiddle.net/rcdtest/HDQNs/

    InformationsquelleAutor HAR
  3. 0

    Essayer avec .slideToggle() :

    $("button.nav-button").click(function() {
    $("nav#mobile-nav").slideToggle("fast");
});

$("ul.primary-nav li a").click(function() {
    $("nav#mobile-nav").slideUp("fast");
});

    jsFiddle

    InformationsquelleAutor Mustapha Aoussar