readthedocs.user.js

// ==UserScript==
// @name           ReadTheDocs tweak
// @namespace      https://github.com/lilydjwg/userscripts
// @description    ReadTheDocs tweak
// @include        https://*.readthedocs.io/*
// @include        https://docs.ansible.com/*
// @version	   0.2
// @run-at	   document-idle
// @grant          none
// ==/UserScript==

(function() {
'use strict'

const may_hide = function(toggle) {
  const content = document.querySelector('.wy-nav-content-wrap')
  const nav = document.querySelector('nav')
  const footer = document.querySelector('.rst-current-version')
  let hide = sessionStorage.getItem('hide-nav') == 'true'
  if(toggle) {
    hide = !hide
    sessionStorage.setItem('hide-nav', hide)
  }
  if(hide) {
    content.style.marginLeft = '0'
    // Some sites set this to calc(100% - 300px), e.g.
    // https://docs.ansible.com/ansible/latest/user_guide/intro_getting_started.html
    content.style.width = '100%'
    nav.style.display = 'none'
    // Some sites don't have footer, e.g.
    // https://docs.ansible.com/ansible/latest/user_guide/intro_getting_started.html
    if(footer) {
      footer.style.display = 'none'
    }
  } else {
    content.style.marginLeft = '300px'
    content.style.width = ''
    nav.style.display = 'block'
    if(footer) {
      footer.style.display = 'block'
    }
  }
}

const button = document.createElement('a')
button.textContent = 'Toggle Nav'
button.href = 'javascript: void(0)'
button.addEventListener('click', function() { may_hide(true) })
button.style.display = 'block'
button.style.position = 'fixed'
button.style.zIndex = '9999'
button.style.left = '1em'
button.style.top = '1em'
button.style.fontSize = '0.5em'
button.style.color = 'gray'
button.style.backgroundColor = 'white'
document.body.append(button)

may_hide()

})()