Как исправить проблему выпадающего окна на jQuery?

Question

[Рустам Гатин]

На тостере нашел пример выпадающего окна jsfiddle.net/iiil/7Ly6y/3

$('a').on('click', function(e){
    e.preventDefault();
    $('.modal').toggleClass('active');
});

<div class="wrap">
    <div class="modal"></div>
    <div class="header">
        <a href="#">режим работы</a>
    </div>
</div>

Но в jQuery указывается, что при нажатии на любой тег <a> будет выпадать это окно, то есть я даже ссылку не могу разместить в этом окне, потому что при нажатии, оно закрывается. Причем это касается всех ссылок на странице. Я менял тег <a> на <p> однако ситуация такая же, только уже при нажатии на любой текст.

Помогите пожалуйста, как исправить код, чтобы открытие окна было прикреплено только к одной ссылке?

P.S. Я ничего не смыслю в JS и jQuery тем более :(

Answer 1

[Stalker_darkway]

$('.menu-item-45 a')

Answer 2

[Кирилл]

Дай класс нужной ссылке и вставь его вместо тега a...

Answer 3

[Кирилл Туровников]

Зачем что-то придумывать? у вашей ссылки есть class - .popup-signin, его и используйте в скрипте, на текущий момент попап не выпадал, вот как должно быть:

$('.popup-signin').on('click', function(e) {
    e.preventDefault();
    $('.modal').toggleClass('active');
})