Bonjour à tous!!

J'ai pas touché à js depuis un petit moment, et je tombe sur un problême qui, je pense m'aurait paru simplissime il y a quelque temps...

J'ai dans ma page des div comme ceci :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
<div class="message" onlick="display()"><p> titre </p><p> corps du message</p></div>
J'ai dans ma feuille de style :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
.message:nth-child(2){
  display : none;
}
Je souhaite donc avoir une fonction javascript qui, lorsque je clique sur ma div, affiche le "corps du message". J'ai donc fait ceci :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
 
function display(){
  var msg=this.childNodes[1];
  if(msg.style.display == 'none'){
      msg.style.display='block';
  }else{
     msg.style.display='none';
  }
}

Et ce code n'a strictement aucun effet!
S'il vous plait, quelqu'un peut il m'expliquer pourquoi, et m'aider à résoudre mon problème?

Merci beaucoup en tout cas.