Spécifier des événements clavier et souris

Télécharger le fichier exo35vide.html.

    1. Dans la fonction Init, récupérer la liste des titres de deuxième niveau titres et la liste des paragraphes paras 
    2. Cacher les paragraphes
    3. Affecter au clic sur chaque élément de titre de deuxième niveau le gestionnaire affiche
    4. Le gestionnaire affiche :
      1. cache tous les paragraphes du document
      2. affiche (display: block) le paragraphe se situant dans le même élément div que le titre sur lequel on a cliqué.
  1. Il faut maintenant s'assurer que ce script est utilisable au clavier...
    1. Affecter le gestionnaire affiche au focus sur les titres de deuxième niveau, en plus du click de souris. Que se passe-t-il ? Pourquoi ?
    2. Afin de remédier à ce problème, créer un élément a de lien dans le titre. Par exemple, au lieu d'être <h2>Un autre titre</h2>, le code produit doit être <h2><a href="#">Un autre titre</a></h2>
    3. Affecter le gestionnaire affiche au click et au focus sur le lien, le retirer des titres et modifier son code afin de tenir compte de la nouvelle structure du DOM.