Нашел кусок кода, но ничего в этом не понимаю, нужна ваша помощь.
/***********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();
}
})
}
}
}