Problem z komponentem typu accordion - nie działa pętla

Question

Cześć,

napisałem taki prosty component typu accordion, wszystko działa, ALE:

mam problem z pętlą JavaScript. Jeśli do elementów binduję zdarzenia bez jej użycia, wszystko działa, jeśli próbuję użyć pętli (obojętnie jakiego jest typu), skrypt nie działa. Co jest nie tak z tą pętlą?

Wariant z użyciem pętli jest zakomentowany, bez pętli - nie.

http://codepen.io/mateuszmagier/pen/gaLxeJ

Answer 1

Moja propozycja (bez Pętli)

   $("article").mouseover(function(){
      var z = ( $(this).index() );
      $("div#container article:nth-child("+ (z+1) +") div.content").delay(200).slideDown(400);
    });
  
  $("article").mouseout(function(){ 
      var z = ( $(this).index() );
      $("div#container article:nth-child("+ (z+1) +") div.content").slideUp(400);
    });