Клик по ссылке получаем div
 

Есть 3 дива и 3 ссылки. Хочу сделать с помощью jquery по нажатию на определенную ссылку открывался определенный div

У меня есть идея: получить индекс у ссылки, затем получить индекс у div и привязать их к друг другу. Но может есть решение попроще

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);
});
});

Mirtle@tut.by,
на всякий случай то что вы изобретаите содержится на форуме под словом открывашка уже 241 вариант, может поискать?

Спасибо.