you can buy a coffee if it is useful
<script>
(function(){
if(!window.jQuery){
var s=document.createElement('script');
s.src='https://code.jquery.com/jquery-3.7.1.min.js';
document.head.appendChild(s);
}
})();
(function(){
if(!window.jQuery) return;
var BP=767;
function isMobile(){return innerWidth<=BP;}
function closeAll(){
$('.header-nav-folder-item')
.removeClass('is-active')
.find('.sqs-block-html')
.stop(true,true)
.slideUp(0)
.hide();
}
$('.header-nav-folder-title')
.off('click.devShopReset')
.on('click.devShopReset',function(){
if(!isMobile()) return;
setTimeout(closeAll,0);
});
$('.header-nav-folder-item>a')
.off('click.devMenu')
.on('click.devMenu',function(e){
if(!isMobile()) return;
var $item=$(this).closest('.header-nav-folder-item');
var $submenu=$item.find('.sqs-block-html');
if(!$submenu.length) return;
e.preventDefault();
if($item.hasClass('is-active')){
$item.removeClass('is-active');
$submenu.stop(true,true).slideUp(180).hide();
return;
}
closeAll();
$item.addClass('is-active');
$submenu.stop(true,true).hide().slideDown(200).show();
});
closeAll();
})();
</script>
<style>
@media (max-width: 767px){
#shop .header-nav-folder-item .sqs-block-html{
display:none !important;
position: static !important;
width: 100%;
margin: 12px auto;
padding-left: 0 !important;
}
#shop .header-nav-folder-item.is-active .sqs-block-html{
display: block !important;
}
#shop .header-nav-folder-item > a{
display: block;
width: 100%;
}
}
</style>