Ticket #9896 (closed bug: invalid)
animate border width with 'toggle' value causes element to dissappear
| Reported by: | dave@… | Owned by: | dave@… |
|---|---|---|---|
| Priority: | high | Milestone: | 1.next |
| Component: | effects | Version: | 1.6.2 |
| Keywords: | Cc: | ||
| Blocking: | Blocked by: |
Description
With this code:
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>Untitled Document</title> <style> #test {
width: 50%; background-color: red; border-style: solid; border-color: black; border-width: 50px;
} </style>
<script src=" http://code.jquery.com/jquery-latest.js"></script>
<script> $(document).ready(function() {
$('html').click(function() {
$('#test').animate({ borderLeftWidth : 'toggle' });
});
}); </script> </head> <body> <div id="test">blah</div> </body> </html>
On the first click, the left border animates to 0 and then the entire element dissappears. Click again and the element reappears and animates to original 50px value.
Change History
comment:1 Changed 22 months ago by timmywil
- Owner set to dave@…
- Priority changed from undecided to low
- Status changed from new to pending
- Component changed from unfiled to effects
comment:3 Changed 22 months ago by rwaldron
- Priority changed from low to high
- Status changed from new to open
Further reduction: http://jsfiddle.net/rwaldron/Z2Xnd/
Confirmed.
comment:5 Changed 13 months ago by gnarf
This works as intended: http://jsfiddle.net/Z2Xnd/1/ the toggle value will call show/hide at the beginning/end of its animation... It is still animating.
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 taking the time to contribute to the jQuery project! Please provide a complete reduced test case on jsFiddle to help us assess your ticket!
Additionally, be sure to test against the jQuery Edge version to ensure the issue still exists. To get you started, use this boilerplate: http://jsfiddle.net/FrKyN/
Open the link and click to "Fork" (in the top menu) to get started.