[snaipi91]

Есть два блока, один из них появляеться по клику по картинке, В 1 блоке содериться рамка для картинки, а справа div с текстом он скрыт до клика:

<div id = "modal">
            <div id = "foto"><img src = "" alt="роллы"></div>
            <p id = "text_foto">text text text1111</p>
         </div>

Второй блок сами картинки( роллы) со скрытом текстом тобишь их состав допустим:

<div class = "rolls_img1">
                     <a href="img/img2.jpg"><img src = "img/img2.jpg" alt ="суши"></a>
                     <p class ="rolls_text1">Филодельфия</p>
                     <p class ="txt">текст текст текст</p>
                  </div>

[HTML]<div class = "rolls_img1">
                     <a href="img/img2.jpg"><img src = "img/img3.jpg" alt ="суши"></a>
                     <p class ="rolls_text1">Ролл с угрём</p>
                     <p class ="txt">текст333 текст333 текст333</p>
                  </div>

[/html]

И сама функция ,по клику заменяется атрибут'src'
и сама картинка, по которой я кликнул тобишь вставляется то что мне нужно это всё хороша, а с текстом беда допустим если я кликну по Ролл с угрём
вставится текст один и тот же который стоит в Филоделфии

Вот функция:

$('.rolls_img1 a').click(function(eventObject){ 
       
       
       $('#foto img').hide().attr('src',$(this).attr('href'));

       $('#text_foto').hide().html($('.rolls_img1 .txt').html());

       $('#foto img').load(function(){  // 

          $(this).fadeIn(500);
          $('#text_foto').fadeIn(500);

               eventObject.preventDefault();

       })

Помогите как сделать так чтобы по клику картинки , появлялся именно её текст , по клику другой картинки - другой текст или покажите правильное направление)