l2n6h5b3 / prowebremote Goto Github PK

var sideMenus = true;

function toggleSideMenus() {
    if (sideMenus) {
        // Decrease the width of the side menu to display it
        document.getElementById("sections").style.width = "0";
        document.getElementById("section-1").style.width = "0"; //264px
        document.getElementById("section-2").style.width = "0"; //284px
        document.getElementById("presentations").style.marginLeft = "0"; //265px
        document.getElementById("presentations").style.marginRight = "0"; //285px
    }
    else {
        // Increase the width of the side menu to display it
        document.getElementById("sections").style.width = "250px";
        document.getElementById("section-1").style.width = "264px"; 
        document.getElementById("section-2").style.width = "284px"; 
        document.getElementById("presentations").style.marginLeft = "265px";
        document.getElementById("presentations").style.marginRight = "285px";  
    }

    // Toggle side menus setting
    sideMenus = !sideMenus;
}

<div class="producer-controls">
                <a onclick="toggleSideMenus();">
                    <div class="control-container">
                        <div class="control-button"><i class="fas fa-th-large"></i></div>
                        <div class="control-text">Focus</div>
                    </div>
                </a>