(function($){ "use strict"; // var fullHeight=function(){ // $('.js-fullheight').css('height',$(window).height()); // $(window).resize(function(){ // $('.js-fullheight').css('height',$(window).height()); // });}; // function delay(callback, ms) { // var timer = 0; // return function () { // var context = this, // args = arguments; // clearTimeout(timer); // timer = setTimeout(function () { // callback.apply(context, args); // }, ms || 0); // }; // } // fullHeight(); // $('#sidebarCollapse').on('click',function(){ // }); // $('#sidebar').class('active'); $(document).ready(function () { // Function to toggle the sidebar function toggleSidebar() { var $sidebar = $("#sidebar"); var $content = $("#content"); $sidebar.toggleClass("active"); $content.toggleClass("active"); if (!$sidebar.hasClass("active")) { $content.css("margin-left", "0"); // Adjust content margin when sidebar is inactive } } // Add click event handler for the button $("#sidebarCollapse").click(toggleSidebar); // Function to handle window resize function handleResize() { var $sidebar = $("#sidebar"); var $content = $("#content"); if ($(window).width() >= 768 && $sidebar.hasClass("active")) { // Restore default margin when window is large enough and sidebar is active $sidebar.toggleClass('active'); $content.css("margin-left", "0"); } else if (!$sidebar.hasClass("active")) { // Adjust content margin when sidebar is inactive on small screens $content.css("margin-left", "0"); } } // Add window resize event handler $(window).resize(handleResize); // Initial setup based on window width $(window).on("load", function () { toggleSidebar(); handleResize(); $sidebar.toggleClass('active'); }); toggleSidebar(); }); })(jQuery);