FadeIn doesn't keep block format

[ryannaddy]

While using fadeIn() on an <a> tag with a css "block" display type, it removes the block format when it fades in. It seems to do the same on other inline elements as well. It works fine on the <div> tag though.

Example: ​http://jsfiddle.net/NZ3eF/1/

[sindresorhus]

Simplified testcase: ​http://jsfiddle.net/mofle/NZ3eF/3/

The problem is that you have a rule "display: none" after "display: block" which overwrites it. Since the display value is none, jQuery will instead use the default display value of the a-tag, which is "inline".

You can work around this by doing something like this instead:

$('.nav-link').fadeIn().css('display', 'block');

[Sagan Internet Marketing]

Thanks for the idea to use

.css('display', 'block');