Несколько спойлеров в одну строку с показом содержимого на всю ширину

[Admin]

Неправильно вставляете. У Вас одна функция внутри другой оказалась.

Код:

$(document).ready(function(){
$('.spoiler_links').click(function(){
    sp=$(this).parent().children('.spoiler_text');
    txt=$(this).next().html();
    if (txt==sp.html()) sp.hide('normal',function(){ sp.html(''); });
    else sp.hide('normal',function(){ sp.html(txt).show('normal'); });
    return false;
});


$('.spoiler_exit').click(function(){
    $('.spoiler_text').hide('normal',function(){ $('.spoiler_text').html(''); });
});
});

[pleymo]

(18.11.2016 22:22:17)Admin писал(а):  Неправильно вставляете. У Вас одна функция внутри другой оказалась.

Не работает, я так понимаю, это потому что моя иконка находится внутри блока с классом "spoiler_body", если я ставлю иконку вне блока - то все работает.

[Admin]

Действительно, получается что иконка с классом "spoiler_body" динамически создается (если быть точнее - копируется) при открытии спойлера. В таком случае обработчик click() не поможет, а понадобится on() с указанием статичного родительского элемента:

Код:

$('.spoiler_text').on('click', '.spoiler_exit', function(){
    $('.spoiler_text').hide('normal',function(){ $('.spoiler_text').html(''); });
    return false;
});

[pleymo]

(19.11.2016 20:19:22)Admin писал(а):  Действительно, получается что иконка с классом "spoiler_body" динамически создается (если быть точнее - копируется) при открытии спойлера. В таком случае обработчик click() не поможет, а понадобится on() с указанием статичного родительского элемента:

Огромнейшее спасибо!