Cacher la div lorsqu'on clique sur un lien à l'intérieur de la div avec jQuery

Question

Sur mon site web, j'ai un menu mobile. Quand je clique sur un lien dans le menu, le menu ne disparaît pas. En lisant les autres posts, j'ai une bonne idée de ce que je dois faire. Mais je n'arrive pas à faire fonctionner le code, car je suis complètement novice en javascript et j'ai probablement fait quelque chose de mal.

La div que je veux cacher lorsque je clique sur un lien (dans cette même div) est définie avec une classe mobilemenuitems

Comme je l'ai déjà mentionné, les liens se trouvent dans cette division.

Malheureusement, je ne peux pas ajouter une classe ou un identifiant aux liens car je n'ai qu'un accès frontal.

Le site web est ici. https://test.vereinonline.org/HTC_Uhlenhorst/?module= *Tennis Veuillez noter que le bouton de menu n'apparaît que sur les appareils mobiles (largeur < 1000px)

Dans cette jsfiddle, le problème est réduit à la racine. http://jsfiddle.net/TheBB23/d6s3Ln50/3/

Je suis presque sûr que le problème se situe au niveau du javascript :

document.getElementById(mobilemenuitems a).addEventListener('click', function(e) {
  document.getElementById('mobilemenuitems').remove();
});

Answer 1

Je pense que vous essayez de cacher la div avec la classe mobilemenuspace lorsque l'on clique sur l'un des liens qu'il contient. Pour ce faire, vous pouvez utiliser la méthode suivante -

$('a').click(function(e){
    e.preventDefault();
    if ($(this).parents('.mobilemenuspace').length) {
        $('.mobilemenuspace').hide();
    }
});

Échantillon de travail - https://jsfiddle.net/zv18xuhL/

Une solution purement JS, dérivée de votre Fiddle -

http://jsfiddle.net/e69snqjk/