fadeIn cannot handle "display: inline !important;"

[acoder]

jQuery's fadeIn works fine with "display: inline;" but fails with "display: inline !important;". Instead of fadeIn the element appears immediately.

[dmethvin]

Do you mean that you have an element with an inline style of "display: inline !important"? Can you attach a test case and/or explain further?

[acoder]

Ok, I think this is what happened:

I have an "<a>" element that was assigned a "display: inline;" via class declaration. I set a "display: none;" via the style declaration so that fadeIn would work. The style declaration overrode the external css declaration. When I set the external css to "display: inline !important;", however, the css file overrode the style declaration. I guess the problem is that fadeIn apparently only works if the element is set to "display: none;" (correct me if I'm wrong). Right now I am using fadeTo as a workaround.

What I am hoping for is a way of using fadeIn with "display: inline;" elements.

[dmethvin]

Still need a test case; jsfiddle would be the best.

[trac-o-bot]

Automatically closed due to 14 days of inactivity.