Pour le tester, appuyez sur le premier bouton bleu (Men’s Fashion) et ouvrez-le avec la touche Entrée, puis appuyez sur la Tab jusqu'à le dernier link, puis appuyez de nouveau sur la touche. Le menu se ferme et l'onglet passe au menu suivant "Women’s fashion". De plus, le code ne se déclenchera pas sur SHIFT+TAB, il ne se fermera donc pas de manière inattendue si l'utilisateur revient en arrière du dernier élément de la liste.

Il y a aussi un auditeur sur le premier lien. Quand l'utilisateur recule à l'aide de la touche shift (SHIFT+TAB), il le ferme lorsqu'il quitte le lien.

Code

<script>
function tabOff(id) {
if (!event.shiftKey && event.keyCode == 9) {
$(id).collapse('hide');
}
}
function shiftTabOff(id) {
if (event.shiftKey && event.keyCode == 9) {
$(id).collapse('hide');
} }
</script>