#8581 closed bug (invalid)
fadeIn effect should allow users to select ending display option
Reported by: | Owned by: | ||
---|---|---|---|
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.
Change History (4)
comment:1 follow-up: 2 Changed 12 years ago by
Owner: | set to [email protected]… |
---|---|
Status: | new → pending |
comment:2 Changed 12 years ago by
Status: | pending → new |
---|
Replying to 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.
Here's a code sample of what I'm talking about.
comment:3 Changed 12 years ago by
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!
comment:4 Changed 12 years ago by
Component: | unfiled → effects |
---|---|
Priority: | undecided → low |
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.