C’est, en terme d’expérience utilisateur, un petit plus intéressant, surtout si vous avez des pages assez longues.

Vous mettez en place un menu, généralement en haut de page, et l’utilisateur scrolle vers la suite. Fatalement, le menu disparaît rapidement, le forçant à remonter pour naviguer vers d’autres pages.

Pourquoi ne pas faire en sorte que le menu le suive, en restant visible? Pourquoi ne pas faire apparaître le bouton « remonter » sur le même principe?

Solution…

Mettre en place un accordéon en jQuery est assez simple si la structure est contrôlée. La plupart du temps, un déclencheur sur lequel on clique, et qui ouvre la div suivante, laquelle contient ce qu’il faut cacher/montrer.

Mais que faire si l’on ne maitrise pas la dite structure, et que l’on veut jouer sur tout ce qui suit le déclencheur, jusqu’au suivant, sans que tout ceci soit enrobé d’une div?