JS inject to hide ChatGPT sidebar, with button to toggle back

hidesidebar.js

// should load after DOM, e.g. document.addEventListener('DOMContentLoaded', function() { } 

const targetDiv = document.querySelector('div.dark.flex-shrink-0.overflow-x-hidden.bg-gray-900');
if (targetDiv) {
  targetDiv.style.display = 'none';
  
  const button = document.createElement("button")
  button.innerHTML = "≡"
  button.style.position = "absolute"
  button.style.left = "10px"
  button.style.top = "10px"

  button.onclick = () => {
    if (targetDiv.style.display == 'none') { 
      targetDiv.style.display = 'flex'
      button.style.left = "280px" 
    }
    else if (targetDiv.style.display == 'flex') { 
      targetDiv.style.display = 'none' 
      button.style.left = "10px"
    }
  }

  document.body.appendChild(button)
  
}