Un Titre se change avec onmouseover

Bonjour à tous,

Voilà le problème avec lequel je suis actuellement confronté.

J'ai fais sur une page differents titres (contact, projets, A propos,...). Lorsque je clique sur un titre, cela ouvre un compartiment en dessous avec les informations relatives au titre cliqué.
Jusque là cela fonctionne.
Ce que je veux faire maintenant, c'est qu'en passant au dessus de chaque titre (sans cliquer dessus) le nom de du titre ce change en version anglaise (contact, Project, About,...).

Que dois-je ajouter au code suivant pour réaliser cela? Merci beaucoup

<div class="another_box_gray">
&nbsp;
</div>
<div class="menu_mobile_element">

<a href="index.html#about" id="mobile_about"><h6>ABOUT</h6></a>
</div>

Salut,

Premièrement, la sémantique de ton code pour mettre un lien sur un titre html n'est pas bonne :
Sémantique correcte :

<h6><a href="index.html#about" id="mobile_about">ABOUT</a></h6>

Raison : On ne peut mettre un élément de type BLOC dans un élément de type INLINE.
balise a -> inline
balise h6 -> bloc

Pour ta question, bien que j'ai du mal à voir l'intérêt d'un tel comportement, tu peux le faire comme ceci :

<div class="menu_mobile_element">
        <h6>
            <a href="index.html#about" id="mobile_about" onmouseover="this.innerHTML='ABOUT'" onmouseout="this.innerHTML='A PROPOS'">A PROPOS</a>
        </h6>
    </div>