Как менять стили кнопки при открытии меню (JQuery)?
Имеется кнопка-бургер меню.
Само меню располагается в модальном окне, которое никак не связано с кнопкой в DOM.
Хочется сделать так, чтобы при открытом модальном окне с меню, кнопка-бургер превращалась в крестик.
Стили для кнопки готовы, но они не применяются к кнопке, когда активно модальное окно.
if ($('#nf-menu').hasClass('modalactive')) {
$('#menuline2').hide(0);
$('#menuline1').css({
'transform': 'rotate(45deg)',
'top': '3px'
});
$('#menuline3').css({
'transform': 'rotate(-45deg)',
'top': '-2px'
});
} else {
$('#menuline2').show(0);
$('#menuline1').css({
'transform': '',
'top': ''
});
$('#menuline3').css({
'transform': '',
'top': ''
});
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a id="nf-menu" class="open-modal" href="#modalw-nf-menu" title="Меню">
<div id="nf-menu-box">
<div id="nf-menu-border">
<hr id="menuline1">
<hr id="menuline2">
<hr id="menuline3">
</div>
</div>
</a>