JuniorProg Сообщение 10/04/2013 14:08 Копия темы
Ребят еще один маленький вопрос по Jquery Есть код который формирует блоки, итог получается такой:

<td id="tov1">
<div class="kratkoe">Показать</div>
<div class="polnoe">Полноe описание</div>
</td>

<td id="tov2">
<div class="kratkoe">Показать</div>
<div class="polnoe">Полноe описание</div> 

</td>

<td id="tov3">
<div class="kratkoe">Показать</div>
<div class="polnoe">Полноe описание</div>
</td>


CSS код

.polnoe{display:none}


Хочу чтобы при клике на блок kratkoe появился в поп ап окне блок polnoe. Скачал плагин, все подключил, но столкнулся с проблемой ------ Как мы видем настраницу выводится несколько одинаковых DIV, получается что по клику на одно описание – вылазят все гуртом


КОД ПОДКЛЮЧЕНИЯ ПОП АП ОКНА:

$('.kratkoe').click(function(){

// Prevents the default action to be triggered.


// Triggering bPopup when click event is fired
$('.polnoe').bPopup({
easing: 'easeOutBack', //uses jQuery easing plugin
speed: 450,
transition: 'slideDown'
});


});


Вопрос в том – как сделать чтобы по клику показывалось полное описание одного элемента того по которому кликаешь? Заранее благодарен....

xbost Сообщение 10/04/2013 14:10 Копия темы
если .polnoe всегда идет сразу после .kratkoe:
$('.kratkoe').click(function(){
$(this).next().bPopup({
easing: 'easeOutBack',
speed: 450,
transition: 'slideDown'
});
});

если нет, то, например:
$('.kratkoe').click(function(){
$(this).siblings('.polnoe').bPopup({
easing: 'easeOutBack',
speed: 450,
transition: 'slideDown'
});
});

JuniorProg Сообщение 10/04/2013 14:19 Копия темы
Очередной раз убеждаюсь что все гениальное – просто =)))) Спасибо Вам большое за помощь!

JuniorProg Сообщение 10/04/2013 14:19 Копия темы
Первый Вариант – то что надо!

JuniorProg Сообщение 10/04/2013 14:25 Копия темы
Вылезла бочина меленькая ----- получается, что я 2 раза не могу вызывать один и тот же элемент, то есть если я один раз нажал на ПОКАЗАТЬ, то 2 раз на то же самое ПОКАЗАТь этого элемента я не могу нажать.....

xbost Сообщение 10/04/2013 14:30 Копия темы
ну а как его можно показать если он показан? или он закрывается, а потом не показывается?

возможно ваш плагин/функция (bPopup) изменяет DOM и вытаскивает div.polnoe для показа (а не клонирует),
соответственно при втором клике он уже не находится на своем месте.

JuniorProg Сообщение 10/04/2013 14:35 Копия темы
Да нет, он просто меняет при закрытии атрибут display:none, получается что если не писать next() и sublings то такой траблы нет =(

xbost Сообщение 10/04/2013 14:37 Копия темы
ну выложите хоть код bPopup, люди глянут. а то так можно долго гадать.

JuniorProg Сообщение 10/04/2013 14:41 Копия темы
Хотя стоп, да действительно меняет структуру... получается он подставляет DIV с описанием в конец файла.... то есть перед body ,,,, лучше попробую лайт бокс или что то другое.... спасибо за уделенное время

xbost Сообщение 10/04/2013 14:45 Копия темы
почитайте доки к bPopup, наверняка можно сделать по-другому. например не трогать сам див, а передавать только его контент (.html()) и т.п.
вообще такое и без плагинов делается за пять минут, а лайтбокс ставить ради этого-- ну не знаю.

Hachabala Сообщение 10/04/2013 14:47 Копия темы
может проще всего так сделать?
$(function(){
$('.kratkoe').click(function(){
$(this).parent().find('.polnoe').fadeToggle()
})
})

JuniorProg Сообщение 10/04/2013 14:56 Копия темы
Скорее всего Вы правы, но я не очень силен в jQuery, пока только осваиваюсь, если бы знал как попап окна делать, то не стал бы к Вам обращаться =) Спасибо Вам еще раз большое

JuniorProg Сообщение 10/04/2013 15:01 Копия темы
Да действительно проще, спасибо большое, наверное так и оставлю