![jhey 🔨🐻✨ on Twitter: "Future CSS Tip! 🚀 Transition the display property 🤯 No animationend event listening required 😎 Toggle display:none & set your styles! ✨ .el{ --show:1; opacity:var(--show); transition:display 0.5s,opacity 0.5s; } [ jhey 🔨🐻✨ on Twitter: "Future CSS Tip! 🚀 Transition the display property 🤯 No animationend event listening required 😎 Toggle display:none & set your styles! ✨ .el{ --show:1; opacity:var(--show); transition:display 0.5s,opacity 0.5s; } [](https://pbs.twimg.com/ext_tw_video_thumb/1642926010101268481/pu/img/jpd2uzJNhhS6z35J.jpg)
jhey 🔨🐻✨ on Twitter: "Future CSS Tip! 🚀 Transition the display property 🤯 No animationend event listening required 😎 Toggle display:none & set your styles! ✨ .el{ --show:1; opacity:var(--show); transition:display 0.5s,opacity 0.5s; } [
![jquery - JavaScript button. - Add/Remove class/id styles onClick. - Display: none/block - Stack Overflow jquery - JavaScript button. - Add/Remove class/id styles onClick. - Display: none/block - Stack Overflow](https://i.stack.imgur.com/HOrDv.png)
jquery - JavaScript button. - Add/Remove class/id styles onClick. - Display: none/block - Stack Overflow
![javascript - document.getElementById().style.display = 'none'; only works in Firefox - Stack Overflow javascript - document.getElementById().style.display = 'none'; only works in Firefox - Stack Overflow](https://i.stack.imgur.com/uDdsh.png)