Uso una extensión que me permite editar el css de Youtube. Necesito que el menú de navegación a la izquierda de la página de inicio de YouTube se oculte cuando se cargue la página web y que aparezca cuando se haga clic en el botón de menú.
¿Hay alguna manera de que pueda hacer esto?
La extensión también puede usar Javascript.
Código HTML cuando la barra está abierta:
<tp-yt-app-drawer id="guide" align="start" role="navigation" class="style-scope ytd-app" style="transition-duration: 0ms; touch-action: pan-y;" position="left" swipe-open="" opened="" persistent="">Código HTML cuando la barra está cerrada:
<tp-yt-app-drawer id="guide" align="start" role="navigation" class="style-scope ytd-app" style="transition-duration: 0ms; touch-action: pan-y;" position="left" swipe-open="" persistent="">Código HTML del botón
<yt-icon-button id="guide-button" toggleable="true" class="style-scope ytd-masthead"><!--css-build:shady--><button id="button" class="style-scope yt-icon-button" aria-label="Guide" aria-pressed="true">¿Espero que esto ayude?
document.getElementById("guide-button").onclick = function() { myFunction() }; function myFunction() { var x = document.getElementById("guide"); if (x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; } } <tp-yt-app-drawer id="guide" align="start" role="navigation" class="style-scope ytd-app" style="transition-duration: 0ms; touch-action: pan-y; display:none;" position="left" swipe-open="" opened="" persistent=""> <yt-icon-button id="guide-button" toggleable="true" class="style-scope ytd-masthead"><!--css-build:shady--><button id="button" class="style-scope yt-icon-button" aria-label="Guide" aria-pressed="true">