[Mirtle@tut.by]

У меня возник еще вопрос. Есть такая структура. Я написала код, чтобы по нажатию на иконку картинки у меня отображался определенный div c историей. Но почему-то когда я нажимаю на первую картинку отображение информации не происходит. На остальных все работает. что-то я делаю неправильно?

<div class="stories">
<div>
<div class="story active">Текст</div>
<div class="story">Текст</div>
<div class="story">Текст</div>
</div>
 <div class="members">
<a href="#"><img  src="" alt=""></a>
<a href="#"><img  src="" alt=""></a>
<a href="#"><img  src="" alt=""></a>
<a href="#"><img  src="" alt=""></a>
</div>
 </div>

$(function(){

   $('.members').on('click', 'a,img', function(event){
       event.preventDefault();


       var $stories=$('.stories').find('.story');
      
       $stories.fadeOut('slow');
       var $imgIndex = $(this).index();
       function showStory(imgIndex){

           if(imgIndex){
               $($stories[imgIndex]).fadeIn('slow');
           }
       }
       showStory($imgIndex);
});
});