Sélectionner l'enfants à l'événement

Bonjour,

Voila j'aimerai qu'au survol d'une div la div qui est contenu dans celle-ci s'affiche. J'ai fait ceci en javascript mais je n'arrive pas à intégrer la notion de firstChild. Voilà mon code :

var element = document.getElementsByClassName("select");

for (var i = 0; i < element.length; i++){

    var el = element[i];

    el.addEventListener('mouseover', function(){

        this.classList.add('show');

    })

    el.addEventListener('mouseout', function(){

        this.classList.remove('show');

    })
}

Voici mon code HTML :

        <div class="select first-techno">
            <div class="hidden">
                <h2>Bla</h2>

                <p>bla bla bla bla lba.</p>
                <button type="button">En savoir +</button>
            </div>
        </div>

        <div class="select second-techno">
            <div class="hidden">
                <h2 >Bla</h2>

                <p>Bla bla bla</p>
                <button type="button">En savoir +</button>      
            </div>

        </div>

Merci pour votre aide, bonne journé à vous tous.