Skip to content

Instantly share code, notes, and snippets.

@charisTheo

charisTheo/hide-edit-show-element.js

Created September 4, 2019 19:13
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save charisTheo/6cc4b48f075c44be5c8a8ea257a02e0f to your computer and use it in GitHub Desktop.
Save charisTheo/6cc4b48f075c44be5c8a8ea257a02e0f to your computer and use it in GitHub Desktop.
Download ZIP
Raw
hide-edit-show-element.js
var element = document.getElementById('example-element');
element.style.display = 'none'; // hide the element, triggers reflow
element.style.opacity = '0.5';
element.style.padding = '20px 10px';
element.style.width = '200px';
element.style.display = 'block'; // show the element again, triggers reflow
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment