AwesomeBB : fermer le burger menu après un click

[Zepiii]

Bonjour,

Grâce à @Milouze14, j'ai peu rajouté le lien "Actualités smartphones & tablettes" dans mon burger menu.

J'ai ensuite également rajouter "Aller en bas du forum".



Le script est le suivant :

Code:

$(function(){$(function(){
$('#main-menu').find('ul:first').find('li:last').after('<li><a target="_blank" href="https://generationmobiles.net"><i class="material-icons">mobile_screen_share</i><span>Actualités smartphones & tablettes</span></a></li>');
$('#main-menu').find('ul:last').find('li:last').after('<li><a href="#bottom"><i class="material-icons">arrow_downward</i><span>Aller en bas du forum</span></a></li>');
})});

J'aimerais qu'après avoir cliqué sur "Aller en bas du forum", cela ferme le menu.

J'ai essayé plusieurs codes mais sans succès.

Savez-vous me dire?

Merci,
Zepiii

[Zepiii]

UP SVP

[no_way]

Bonsoir, vous pouvez essayer en remplaçant votre script par celui-ci:

Code:

$(function(){
    $('#main-menu').find('ul:first').find('li:last').after('<li><a target="_blank" href="https://generationmobiles.net"><i class="material-icons">mobile_screen_share</i><span>Actualités smartphones & tablettes</span></a></li>');
    $('#main-menu').find('ul:last').find('li:last').after('<li><a href="#bottom"><i class="material-icons">arrow_downward</i><span>Aller en bas du forum</span></a></li>');
    $("#main-menu a[href^='#']").on("click",function(){
        $('#main-menu, #dimmer').toggleClass('hidden visible');
        scroll_top = $('body').scrollTop();
        $('body').attr('style', '');
        $('html').scrollTop(scroll_top);
    });
});

[Zepiii]

Bonjour,

Merci l'aide.

J'a essayé votre code :



Mais ça ne fonctionne pas et fait disparaître mes 2 liens



Merci,
Zepiii

[no_way]

Bonjour, pourriez-vous remettre le code afin que je puisse constater le problème par moi même ?

[*Splash*]

Hi Arnaud,

Le code initial est celui-ci :

Code:

$(function(){$(function(){
$('#main-menu').find('ul:first').find('li:last').after('<li><a target="_blank" href="https://generationmobiles.net"><i class="material-icons">mobile_screen_share</i><span>Actualités smartphones & tablettes</span></a></li>');
$('#main-menu').find('ul:last').find('li:last').after('<li><a href="#bottom"><i class="material-icons">arrow_downward</i><span>Aller en bas du forum</span></a></li>');
})});

[no_way]

Pourriez-vous remettre le code que je vous ai fourni ?

Si il n'y a aucun changement que je puisse constater vous pourrez essayer avec le script suivant:

Code:

$(function(){$(function(){
    $('#main-menu').find('ul:first').find('li:last').after('<li><a target="_blank" href="https://generationmobiles.net"><i class="material-icons">mobile_screen_share</i><span>Actualités smartphones & tablettes</span></a></li>');
    $('#main-menu').find('ul:last').find('li:last').after('<li><a href="#bottom"><i class="material-icons">arrow_downward</i><span>Aller en bas du forum</span></a></li>');
    $("#main-menu a[href^='#']").on("click",function(){
        $('#main-menu, #dimmer').toggleClass('hidden visible');
        scroll_top = $('body').scrollTop();
        $('body').attr('style', '');
        $('html').scrollTop(scroll_top);
    });
});});

[Zepiii]

Bonjour,

Avec le 1er code, les liens disparaissent de nouveau :

Code:

$(function(){
    $('#main-menu').find('ul:first').find('li:last').after('<li><a target="_blank" href="https://generationmobiles.net"><i class="material-icons">mobile_screen_share</i><span>Actualités smartphones & tablettes</span></a></li>');
    $('#main-menu').find('ul:last').find('li:last').after('<li><a href="#bottom"><i class="material-icons">arrow_downward</i><span>Aller en bas du forum</span></a></li>');
    $("#main-menu a[href^='#']").on("click",function(){
        $('#main-menu, #dimmer').toggleClass('hidden visible');
        scroll_top = $('body').scrollTop();
        $('body').attr('style', '');
        $('html').scrollTop(scroll_top);
    });
});

Avec le 2e code, ça fonctionne

Code:

$(function(){$(function(){
    $('#main-menu').find('ul:first').find('li:last').after('<li><a target="_blank" href="https://generationmobiles.net"><i class="material-icons">mobile_screen_share</i><span>Actualités smartphones & tablettes</span></a></li>');
    $('#main-menu').find('ul:last').find('li:last').after('<li><a href="#bottom"><i class="material-icons">arrow_downward</i><span>Aller en bas du forum</span></a></li>');
    $("#main-menu a[href^='#']").on("click",function(){
        $('#main-menu, #dimmer').toggleClass('hidden visible');
        scroll_top = $('body').scrollTop();
        $('body').attr('style', '');
        $('html').scrollTop(scroll_top);
    });
});});

Merci !!!!!!

[no_way]

Je vous en prie, bonne continuation ^^