Bug Tracker

#8581 closed bug (invalid)

Opened March 22, 2011 08:32AM UTC

Closed March 30, 2011 06:30PM UTC

Last modified March 30, 2011 06:31PM UTC

fadeIn effect should allow users to select ending display option

Reported by: tim@majorindulgence.com Owned by: tim@majorindulgence.com
Priority: low Milestone: 1.next
Component: effects Version: 1.5.1
Keywords: Cc:
Blocked by: Blocking:
Description

I was trying to fadeIn an <a> tag that was supposed to be rectangular in shape, but jQuery ends the fadeIn animation by setting the element to display:inline-block.

Users should have the option to chose to end the animation with a display:block instead.

Attachments (0)
Change History (4)

Changed March 22, 2011 03:09PM UTC by addyosmani comment:1

owner: → tim@majorindulgence.com
status: new → pending

Thanks for submitting a ticket to the jQuery Bug Tracker. So that we can assist you further, please also provide us with a minimal test case on http://jsfiddle.net that reproduces the issue you're experiencing.

Changed March 22, 2011 05:58PM UTC by tim@majorindulgence.com comment:2

status: pending → new

Replying to [comment:1 addyosmani]:

Thanks for submitting a ticket to the jQuery Bug Tracker. So that we can assist you further, please also provide us with a minimal test case on http://jsfiddle.net that reproduces the issue you're experiencing.

http://jsfiddle.net/4gwVf/

Here's a code sample of what I'm talking about.

Changed March 30, 2011 06:30PM UTC by danheberden comment:3

resolution: → invalid
status: new → closed

fading in an element with display:none wil definitely have no concept of what to do. FadeIn will use the default display if available and otherwise require you to set it afterward if you need it to be different. http://jsfiddle.net/danheberden/4gwVf/2/

It sounds like, though, that you want it to hold it's shape during the animation. I would suggest changing the opacity to 0 and animating that or if you want the size to adjust, animate the height..

Basically, you can totally control how it ends up by how you set it up before the animation. :D hop into #jquery or the forum if you need some help achieving a particular effect.

Happy coding!

Changed March 30, 2011 06:31PM UTC by danheberden comment:4

component: unfiled → effects
priority: undecided → low