Добрый вечер!
Не могу заставить работать мобильное меню
Есть скрипт который должен переключать класс с
breakpoint-off на
breakpoint-on, но он почему-то этого не делает
!function(e)
{
e.fn.classyNav = function(n)
{
var a = e(".classy-nav-container"), s = e(".classynav ul"), o = e(".classynav > ul > li"), i = e(".classy-navbar-toggler"), l = e(".classycloseIcon"), t = e(".navbarToggler"), d = e(".classy-menu"), r = e(window), c = e.extend(
{
breakpoint: 991, openCloseSpeed: 500, megaopenCloseSpeed: 800}, n
); return this.each(function()
{
function n()
{
window.innerWidth<=c.breakpoint? a.removeClass("breakpoint-off").addClass("breakpoint-on"): a.removeClass("breakpoint-on").addClass("breakpoint-off")}i.on("click", function()
{
t.toggleClass("active"), d.toggleClass("menu-on")}
), l.on("click", function()
{
d.removeClass("menu-on"), t.removeClass("active")}
), o.has(".dropdown").addClass("cn-dropdown-item"), o.has(".megamenu").addClass("megamenu-item"), s.find("li a").each(function()
{
e(this).next().length>0&&e(this).parent("li").addClass("has-down").append('<span class="dd-trigger"></span>')}
), s.find("li .dd-trigger").on("click", function(n)
{
n.preventDefault(), e(this).parent("li").children("ul").stop(!0, !0).slideToggle(c.openCloseSpeed), e(this).parent("li").toggleClass("active")}
), e(".megamenu-item").removeClass("has-down"), s.find("li .dd-trigger").on("click", function(n)
{
n.preventDefault(), e(this).parent("li").children(".megamenu").slideToggle(c.megaopenCloseSpeed)}
), n(), r.on("resize", function()
{
n()}
), !0===c.sideMenu&&a.addClass("sidebar-menu-on").removeClass("breakpoint-off")
}
)
}
}(jQuery);
HTML разметка такая
<header class="header-area header2">
<div class="top-header">
<div class="container">
<div class="d-flex justify-content-between">
<div class="p-2">
<img class="logo" src="/" alt="">
</div>
<div class="login-btn-area p-2">
<a class="small-btn btn-sm" href="#"><span>Ссылка</span></a></div>
</div>
</div>
</div>
<div class="next-header">
<div class="container">
<div class="classy-nav-container breakpoint-off">
<nav class="classy-navbar navbar2 justify-content-between" id="saasboxNav">
<!-- Navbar Toggler-->
<div class="classy-navbar-toggler"><span class="navbarToggler"><span></span><span></span><span></span><span></span></span></div>
<!-- Menu-->
<div class="classy-menu">
<div class="classynav">
<ul id="corenav" class="menu menu--main menu-horizontal">
<li class="menu-node cn-dropdown-item has-down menu-node--main_lvl_1 menu-node--active">Главная</li>
<li class="menu-node cn-dropdown-item has-down menu-node--main_lvl_1"><a href="/" class="menu-link">Услуги</a>
<ul class="menu dropdown menu--vertical">
<li class="menu-node cn-dropdown-item has-down menu-node--main_lvl_2"><a href="/" class="menu-link">Ссылка</a></li>
<li class="menu-node cn-dropdown-item has-down menu-node--main_lvl_2"><a href="/" class="menu-link">Ссылка</a></li>
<li class="menu-node cn-dropdown-item has-down menu-node--main_lvl_2"><a href="/" class="menu-link">Ссылка</a></li>
<li class="menu-node cn-dropdown-item has-down menu-node--main_lvl_2"><a href="/" class="menu-link">Ссылка</a></li>
<li class="menu-node cn-dropdown-item has-down menu-node--main_lvl_2"><a href="/" class="menu-link">Ссылка</a></li>
<li class="menu-node cn-dropdown-item has-down menu-node--main_lvl_2"><a href="/" class="menu-link">Ссылка</a></li>
</ul>
</li>
<li class="menu-node cn-dropdown-item has-down menu-node--main_lvl_1"><a href="/" class="menu-link">Ссылка</a></li>
</ul>
</div>
</div>
</nav>
</div>
</div>
</div>
</header>
Также добавил код на
Благодарю за помощь!