Display inherit trickery

HTML

<h1>WOAH</h1>

JavaScript

/*

So here's the thing - Let's say you wanted to use this function (https://gist.github.com/1438197) to add animate.css classes to an element - it tests for visibility: hidden and sets it to visible if it is hidden in your CSS. But what about display: none?

You can't just set it as display: block or whatever, because it might be inline or inline-block or table or whatever! GAH!

So it turns out that using display: inherit; inline not only overrides the display: none in the CSS, but it also sets it to display using the element's natural display method. YAY!

No doubt you all knew this already, but I didn't and I found it really cool.

ONWARDS. Your friend, @_dte. 

*/

Join the 4+ million users, and keep the JSFiddle dream alive.

Ad-free

All ads in the editor and listing pages are turned completely off.
Use pre-released features

You get to try and use features (like the Palette Color Generator) months before everyone else.
Fiddle collections

Sort and categorize your Fiddles into multiple collections.
Private collections and fiddles

You can make as many Private Fiddles, and Private Collections as you wish!
Console

Debug your Fiddle with a minimal built-in JavaScript console.

Display inherit trickery

HTML

JavaScript

Please Whitelist JSFiddle in your content blocker.

Join the 4+ million users, and keep the JSFiddle dream alive.

Ad-free

Use pre-released features

Fiddle collections

Private collections and fiddles

Console