<script type="text/JavaScript"> (function () { window.onload = function () { let mainSideMenu = document.getElementById("side-menu"); console.log(mainSideMenu); let widgetToMove = document.getElementById("bookingwidget-2"); widgetToMove.remove(); let widgetAsButton = document.createElement("li"); widgetAsButton.className = "menu-item menu-item-type-post_type menu-item-object-page menu-item-33"; widgetAsButton.style["overflow-y"] = "hidden"; widgetAsButton.style["overflow-x"] = "visible"; let aTag = document.createElement("a"); aTag.text = "Booking"; aTag.doShow = false; widgetToMove.style.visibility = "hidden"; aTag.onclick = function () { aTag.doShow = !aTag.doShow; if (aTag.doShow) { widgetToMove.style.visibility = ""; widgetToMove.style.height = "unset"; } else { widgetToMove.style.visibility = "hidden"; widgetToMove.style.height = "0px"; } }; widgetAsButton.appendChild(aTag); widgetAsButton.appendChild(widgetToMove); mainSideMenu.appendChild(widgetAsButton); widgetAsButton.parentElement.style["overflow-x"] = "visible"; mainSideMenu.parentElement.parentElement.style["overflow-y"] = "scroll"; mainSideMenu.style["color"] = "white"; } }) (); </script>