Почему не срабатывает кнопка?

Question

[eellazy]

Все привет! Написал небольшую функцую которая открывает мне модальное окно. Но когда я поставлю рядом такую кнопку то окно открывается лишь у самой первй кнопки. Сколько бы кнопок я не ставил, срабатывает лишь у первой кнопки

<input type="button" value="Заказать" id="popup__toggle" class="btn_zakaz" />

<script>
            p = $('.popup__overlay')
$('#popup__toggle').click(function() {
    p.css('display', 'block')
})

p.click(function(event) {
    e = event || window.event
    if (e.target == this) {
        $(p).css('display', 'none')
    }
})
$('.popup__close').click(function() {
    p.css('display', 'none')
})
           </script>

Comments

[OVK2015]

Если, что: у вас нет такого класса p = $('.popup__overlay')

[eellazy]

OVK2015: есть, все сделал

[OVK2015]

eellazy:
Поздравляю!
В том коде, кот. вы здесь приводите вообще не должна сработать ни одна кнопка, ни первая, ни любая из последующих.
В 1-ую ф-цию управление попадет, но никаких атрибутов не поменяет, т.к. p = undefined (.popup__overlay - нет такого класса).
2-ая ф-ция не сработает по той же причине.
3-ья не сработает т.к. нет класса popup__close.
Как-то так

Answer 1

[Дмитрий Карякин]

Если хотите несколько кнопок вешайте событие на класс, а не на id. На пример:

<input type="button" value="Заказать" class="popup__toggle" />

Comments

[eellazy]

спасибо большое

Answer 2

[frontender]

id должен быть уникальным. срабатывает только один id, который первый. Ставьте обработчик на класс