Is it possible that this is a bug in jQuery? From everything I've read, this same problem existed in earlier versions of jQuery, those less than 1.3. However, it persists in IE 6, 7, and 8, even using jQuery 1.3.2.
I'll PayPal someone $20 if they can solve the issue and provide an explanation detailing 1) the issue and 2) how to avoid it. On Jul 9, 8:04 am, Bill <bllfr...@gmail.com> wrote: > Any ideas on this one? I've struggled with this for hours now. > > On Jul 8, 8:43 am, Bill <bllfr...@gmail.com> wrote: > > > > > OK, I gave it a try but the problem persists. > > > The animation works perfectly on all other browsers and I'd really > > like to keep it because it provides important (maybe essential) > > feedback to the user. However, since (inexplicably) most of our > > clients use IE only, this animation problem is a deal breaker. Any > > other tips/tricks/magic spells out there? > > > On Jul 8, 8:17 am, Bill <bllfr...@gmail.com> wrote: > > > > Thanks Leonardo, I'll try that now. > > > > On Jul 8, 5:52 am, Leonardo K <leo...@gmail.com> wrote: > > > > > I'm trying to guess here. I believe the problem is the padding of the > > > > element you are sliding. Try to remove the padding from li and add to > > > > the > > > > div inside. > > > > > I know jQuery animate padding as well but in the IE is not smooth > > > > enough. > > > > > On Tue, Jul 7, 2009 at 19:52, Bill <bllfr...@gmail.com> wrote: > > > > > > I'm seeing some weird behavior with the slideUp() and slideDown() > > > > > functions in IE 6, 7, and 8. > > > > > > First, open the following URL in Firefox, Chrome, or Safari: > > > > > >http://69.59.182.148:4080/test/07072009/html-scaffolding/advanced-sea... > > > > > > Click on one of the checkboxes under the first grouping with the > > > > > heading, "Multi-Select Filter Name 1." A control appears at left. If > > > > > you continue clicking on and off checkboxes, you will continue to add/ > > > > > subtract elements from the control appearing at left. Additionally you > > > > > can subtract elements from the control by clicking on the little "x" > > > > > icons. Whenever addition/subtraction occurs, jQuery first calls the > > > > > slideDown()/slideUp() function, and then deletes the actual HTML that > > > > > was just shown/hidden. This animation is very smooth in all browsers > > > > > that play according to the rules, but IE 6, 7, and 8 introduce some > > > > > "unique" detritus into the animation that makes it appear jumpy. > > > > > > 1. The solid blue border at left turns white during the animation > > > > > 2. A small white gap at the bottom of each added <li> element appears > > > > > during the animation > > > > > 3. The animation stops when it appears to be only half-way through, > > > > > meaning it doesn't change the height from 32px to 0px continuously. > > > > > Instead, it goes from 32 px to about 16px, and then straight to 0. > > > > > 4. #3 seems to be worse when the "x" icon is clicked rather than > > > > > unchecking the checkbox. > > > > > > I'm using jQuery v. 1.3.2. All my code is in the file > > > > > "jquery.smartfilter.js." > > > > > > I've read about issues like these in earlier versions of jQuery, but > > > > > applying fixes similar to the ones described in those articles bore no > > > > > fruit, which leads me to believe there's something wrong with my code. > > > > > Any insight into what's happening here would be greatly, greatly > > > > > appreciated. > > > > > > Regards, > > > > > > --Bill
