Affichage / masquage du menu ...

Bonjour à vous,

j'ai un menu qui est censé apparaître sur chacun des articles.

Le menu apparaît bien mais j'ai quelques anomalies que je n'arrive pas à résoudre.

1) Le menu ne disparaît pas quand je scrolle : j'ai pu résoudre ce 1er point en ajoutant le code jQuery suivant :

    $(window).scroll(function () {
        $('.dropdown-content').removeClass('show');    
    });

2) Si j'ouvre un 1er menu en cliquant sur un article et que je clique sur les 3 petits d'un autre article, le 1er menu ouvert ne disparaît pas. Je dois automatiquement recliquer sur les 3 petits points pour que le menu disparaisse sélectionné disparaisse ou à côté pour que les 2 ou plusieurs menus ouverts disparaissent.
3) Si j'ouvre le menu d'un article, les 3 petits points de l'article qui suit ne sont pas cachés par l'affichage du menu de l'article qui le précède.
4) Finalement, lorsque je souhaite consulter le menu du dernier article, tout une partie du menu est caché car la page n'est pas assez grande que pour afficher le menu en entier. Je ne sais même pas scrollé pour voir la suite du menu.

Voici à quoi ressemble mon code :

https://codepen.io/anon/pen/MNEOOG

Merci à vous,

Passez une agréable journée
Thierry
Modifié par THIRT05 (03 Aug 2019 - 13:21)