Всем привет. Есть шаблон(бесплатный, можно скачать): https://www.templatemonster.com/ru/free-templates/opencart-mobile-shop.html Демо: http://livedemo00.template-help.com/opencart_54714/ Помогите сделать так, чтобы в мобильной версии выпадающее меню(categories) было изначально свернутым. Там, судя по всему, нужно изменить одно значение, но не понимаю какое и на какое)
Спасибо, нашел кусок кода, но там нет ни show ни hide. Ничего в этом не понимаю, нужна ваша помощь) Код: /***********CATEGORY DROP DOWN****************/ $("#menu-icon").on("click", function () { $("#menu-gadget .menu").slideToggle(); $(this).toggleClass("active"); }); $('#menu-gadget .menu').find('li>ul').before('<i class="fa fa-angle-down"></i>'); $('#menu-gadget .menu li i').on("click", function () { if ($(this).hasClass('fa-angle-up')) { $(this).removeClass('fa-angle-up').parent('li').find('> ul').slideToggle(); } else { $(this).addClass('fa-angle-up').parent('li').find('> ul').slideToggle(); } }); if ($('.breadcrumb').length) { var o = $('.breadcrumb li:last-child'); var str = o.find('a').html(); o.find('a').css('display', 'none'); o.append('<span>' + str + '</span>'); } var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; if ($('aside').length) { var leftColumn = $('aside'); } else { return false; } if (width > 767) { if (!flag) { flag = true; leftColumn.insertBefore('#content'); $('.col-sm-3 .box-heading').unbind("click"); $('.col-sm-3 .box-content').each(function () { if ($(this).is(":hidden")) { $(this).slideToggle(); } }) } } else { if (flag) { flag = false; leftColumn.insertAfter('#content'); $('.col-sm-3 .box-content').each(function () { if (!$(this).is(":hidden")) { $(this).parent().find('.box-heading').addClass('active'); } }); $('.col-sm-3 .box-heading').bind("click", function () { if ($(this).hasClass('active')) { $(this).removeClass('active').parent().find('.box-content').slideToggle(); } else { $(this).addClass('active'); $(this).parent().find('.box-content').slideToggle(); } }) } } }); var flag = true; function respResize() { var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; if ($('aside').length) { var leftColumn = $('aside'); } else { return false; } if (width > 767) { if (!flag) { flag = true; leftColumn.insertBefore('#content'); $('.col-sm-3 .box-heading').unbind("click"); $('.col-sm-3 .box-content').each(function () { if ($(this).is(":hidden")) { $(this).slideToggle(); } }) } } else { if (flag) { flag = false; leftColumn.insertAfter('#content'); $('.col-sm-3 .box-content').each(function () { if (!$(this).is(":hidden")) { $(this).parent().find('.box-heading').addClass('active'); } }); $('.col-sm-3 .box-heading').bind("click", function () { if ($(this).hasClass('active')) { $(this).removeClass('active').parent().find('.box-content').slideToggle(); } else { $(this).addClass('active'); $(this).parent().find('.box-content').slideToggle(); } }) } } }
a так там вобще сделано просто тогда еще легче добавь в цсс (только для мобильных устройств) .menu-gadget .menu { display: none;}