Ticket #8581 (closed bug: invalid)
fadeIn effect should allow users to select ending display option
| Reported by: | tim@… | Owned by: | tim@… |
|---|---|---|---|
| Priority: | low | Milestone: | 1.next |
| Component: | effects | Version: | 1.5.1 |
| Keywords: | Cc: | ||
| Blocking: | Blocked by: |
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
comment:1 follow-up: ↓ 2 Changed 2 years ago by addyosmani
- Owner set to tim@…
- Status changed from new to pending
comment:2 in reply to: ↑ 1 Changed 2 years ago by tim@…
- Status changed from pending to 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 2 years ago by danheberden
- Status changed from new to closed
- Resolution set to invalid
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!
Please follow the bug reporting guidlines and use jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.

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.