Добавлять стили css по клику одноименным объектам?

Question

[Чёкатилло]

Есть скрипт:

$(function(){
            $('.emb').click(function(){
                $('.pinbox').toggleClass('pinbox_active');
            });
        });

Но блоков .pinbox на странице много и поэтому стиль pinbox_active при клике на кнопку .emb добавляется всем блокам разом, а надо по отдельности
Кнопки .emb являются дочерними по отношению к блокам .pinbox У каждого блока кнопка внутри своя

Как? Помогите пожалуйста видоизменить скрипт на нужный
Спасибо!

Answer 1

[Alexander Pushkarev]

Я не знаю какая у вас вложенность. Если не будет работать, то добавьте ещё parent()

jQuery(document).ready(function($) {
    $('.emb').click(function(){
        var pinbox = $('.pinbox', $(this).parent());

        pinbox.toggleClass('pinbox_active');
    });
});

Пример - codepen.io/AXP/pen/yMyraz

Comments

[Чёкатилло]

Ды хз, что это за вложенность =) А parent() куда добавить? Пока не работает, но чувствую должно )

[Alexander Pushkarev]

Дмитрий: скиньте html код, например codepen.io

[Alexander Pushkarev]

Дмитрий: пример прикрепил

[Чёкатилло]

вот мой пример codepen.io/anon/pen/pevmoO
У меня не работает наверное может потому что на эту же кнопку уже наложен другой скрипт, который открывает блок снизу

[Чёкатилло]

Может не возвращает стиль

[Чёкатилло]

Alexander Pushkarev: Большое спасибо! Может вас заинтересует этот вопрос: Нужно «связать» два скрипта отзывающиеся по клику?

Answer 2

[Роман]

$(function () {
    $('.emb').each(function () {
        $(this).on('click', function () {
            $(this).parents('.pinbox').toggleClass('pinbox_active');
        });
    });
});

Comments

[Роман]

https://jsfiddle.net/rrzharikov/r8La11me/

[Роман]

https://youtu.be/Jc3X57ASSUo

[Чёкатилло]

Блин не то Вот это )) codepen.io/anon/pen/xqbNPZ
Вот ваш скрипт почему-то работает у меня через раз...может потому что на эту же кнопку уже наложен другой скрипт, который открывает блок снизу

[Роман]

Не понимаю, что вы хотите сделать... Фарш какой то :) Может хотя бы так: https://jsfiddle.net/rrzharikov/wnua0gjv/2/

[Роман]

Вопрос то был в том, чтобы, как я понял, тоглить классы по клике на кнопку, причем если этих кнопок множество и отлавливать конкретную. Данный скрипт справляется с этой задачей. А дальше уже задаете тому классу который появляется стили и все

[Чёкатилло]

Роман Жариков: Да я понимаю ответ конечно правильный но не возвращает стиль обратно Клево Кажется вы мне адекватный скрипт приписали ) Спасибо

[Роман]

Вот еще так попробуйте: https://jsfiddle.net/rrzharikov/wnua0gjv/3/

[Чёкатилло]

Роман Жариков: да потому что каша да ) а если не возвращает стиль то по отношению к другим блокам будет несостыковка так как я в ..pinbox_active буду менять z-index вызванного блока

[Чёкатилло]

мне надо в общем при клике кликнутый блок высовывать поверх всех остальных а при закрытии блока снизу возвращать стиль обратно А блин скрипты не связанны же

[Роман]

Дмитрий: Вот еще если убрать лишний скрипт и в разметке , то только цвет меняется, класс при клике появляется, при повторном исчезает сразу. А там уже надо смотреть, какая у вас задача и что вы хотите сделать дальше https://jsfiddle.net/rrzharikov/wnua0gjv/5/

[Роман]

Ну можно еще как то так поиграться, https://jsfiddle.net/rrzharikov/wnua0gjv/6/ .. Стили через js подкл/откл, блоки поднимать/опускать

[Чёкатилло]

Роман Жариков: не Эт все не то Если хотите присоединяйтесь к этому вопросу Нужно «связать» два скрипта отзывающиеся по клику?
Спасибо