Side navigation
#7085 closed bug (invalid)
Opened September 26, 2010 07:58PM UTC
Closed September 30, 2010 12:47AM UTC
Last modified March 15, 2012 12:25PM UTC
Animate border-width
| Reported by: | Futjikato | Owned by: | |
|---|---|---|---|
| Priority: | undecided | Milestone: | 1.4.3 |
| Component: | unfiled | Version: | 1.4.2 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
Animating borderWidth only works when the style is declared as inlinestyle.
I skeched the problem at jsFiddle.net ( http://jsfiddle.net/TkQM5/ ).
Attachments (0)
Change History (2)
Changed September 30, 2010 12:47AM UTC by comment:1
| resolution: | → invalid |
|---|---|
| status: | new → closed |
Changed June 14, 2011 09:41PM UTC by comment:2
Replying to [comment:1 dmethvin]:
The borderWidth property is a shorthand property and returns a string that is a series of numbers separated by spaces. The .animate() method is only documented to animate properties that are numeric, such as borderLeftWidth.
The first example is incorrect, it tries to animate a "borderWidth" property: http://api.jquery.com/animate/#example-0
And it could look like working when the border is increasing because the value returned by $().css("borderWidth") is the empty string (""), so it animates from 0 (equal to "") to the value set in the options of the .animate() method.
The borderWidth property is a shorthand property and returns a string that is a series of numbers separated by spaces. The .animate() method is only documented to animate properties that are numeric, such as borderLeftWidth.