Wordpress & jQuery Отзывчивая навигация

Question

У меня странная проблема с wordpress и с JQuery. У меня есть этот код, чтобы показать и скрыть отзывчивую навигацию слева:

$('.menu').on('click', function(){ if ($('.responsive__menu').hasClass('is-open')) { 
$('.responsive__menu').removeClass('is-open'); 
$('.menu').removeClass('is-active');} else { 
$('.responsive__menu').addClass('is-open'); 
$('.menu').addClass('is-active');}}); 

Он работает с моей веб-сайтом без Wordpress, но один раз в Wordpress, кажется, что половина коды работает: создание креста для закрытия меню, за исключением того, что меню не отображается.

Можете ли вы просветить меня в некоторых точках?

1. Сценарий загружен, есть ли более быстрый и простой способ преобразования кода с помощью jquery и toogle()?
2. Это может быть проблема только с кодом, но почему он больше не работает на Wordpress?

Большое спасибо за помощь, прежде чем задавать вопрос, я пробовал много вещей. ^^

Answer 1

Если он работает с любыми вашими веб-сайтами, значит, код хорош, просто у вас могут быть конфликты в вашем css, поэтому включите ваш css, связанный с последним, и если он не работает, отправьте сообщение css-код, чтобы мы могли лучше видеть, что происходит, и нет необходимости в таком количестве кода. Инициализировать ваше меню без класса .Open, в вашем HTML и использовать JQuery:

$('.menu').on('click', function(){ 
$(".responsive_menu).toggleClass('open'); 
}); 

Answer 2

Jquery поставляется с WordPress в режиме без конфликтов, чтобы убедиться, что все работает, вы должны использовать переменную JQuery вместо переменных $.

можно альтернативно сделать следующее

jQuery(document).ready(function($) { 

    // $ variable can be used here 
    $('.menu').on('click', function() { 
    if ($('.responsive__menu').hasClass('is-open')) { 
     $('.respons__menu').removeClass('is-open'); 
     $('.menu').removeClass('is-active'); 
    } else { 
     $('.responsive__menu').addClass('is-open'); 
     $('.menu').addClass('is-active'); 
    } 
    }); 

});