How to fix jQuery dropdown issue?

Question

JavaScript

Found an example of a dropdown box on a toaster 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>

But jQuery specifies that when you click on any tag , this window will drop out, that is, I can’t even place a link in this window, because when clicked, it closes. And this applies to all links on the page. I changed the tag to but the situation is the same, only when you click on any text. Please help me how to fix the code so that the window opening is attached to only one link? PS I don't understand anything about JS and jQuery, especially :( <a><a><p>

Answer 1

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

Answer 2

Why invent something? your link has a class - .popup-signin, use it in the script, at the moment the popup has not dropped out, this is how it should be:

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