Есть два блока, один из них появляеться по клику по картинке, В 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();
})
Помогите как сделать так чтобы по клику картинки , появлялся именно её текст , по клику другой картинки - другой текст или покажите правильное направление)