title: Is there a shortcut to toggle "display: none/block" in element's style in Chrome DevTools?
body: <p>In Chrome DevTools there is a shortcut to show/hide an element:</p>
  
  <p><a href="https://i.stack.imgur.com/q4zCB.png" rel="noreferrer"><img src="https://i.stack.imgur.com/q4zCB.png" alt="enter image description here"></a></p>
  
  <p>Chrome adds <code>__web-inspector-hide-shortcut__</code> class to the element, but it is nothing more than <code>visibility: hidden</code>:</p>
  
  <p><a href="https://i.stack.imgur.com/55LjP.png" rel="noreferrer"><img src="https://i.stack.imgur.com/55LjP.png" alt="enter image description here"></a></p>
  
  <p>Is there similar shortcut to change element's <code>display: none/block</code> style? So on click it adds <code>style='display: none;'</code> attribute and toggles it <code>none/block</code>?</p>
  
  <p><a href="https://i.stack.imgur.com/SZOXH.png" rel="noreferrer"><img src="https://i.stack.imgur.com/SZOXH.png" alt="enter image description here"></a></p>