jQuery slideToggle() Internet Explorer problem and jumpy animation

Posted by UtothaX on Stack Overflow See other posts from Stack Overflow or by UtothaX
Published on 2009-10-29T11:59:22Z Indexed on 2010/03/13 6:05 UTC
Read the original article Hit count: 657

Filed under:

jQuery

|

slidetoggle

|

show

|

hide

|

internet-explorer

Hey yaa!

I have a big problem with my jquery. I finally made it that my slidetoggle runs in firefox. The animation is a little bit jumpy in the end of the animation. I read a lot of workarounds, but somehow nothing helped me really. Perhaps anyone of you can rescue me out of this dilemma.

The other bigger problem is that the hidden divs are unfortunately shown directly on start in internet explorer. I tested it in IE6&7. And the sliding effect is also very strange.

Does anyone of you know if I have to give additional styling for IE???

Here is my site I am working on:

http://www.haus-plan.de/%5F01%5FHausplan/

the red titles are slideable in the content area and the two Slide words on the right panel.

I noticed that Internet Explorer runs the first Slide word on the right panel correctly. Here its div is first hidden and only shows up when we click and let it slide down. But for the other divs they are shown in the beginning which is very sh.....

Please help meee....

© Stack Overflow or respective owner

Related posts about jQuery

Microsoft and jQuery

as seen on West-Wind - Search for 'West-Wind'
The jQuery JavaScript library has been steadily getting more popular and with recent developments from Microsoft, jQuery is also getting ever more exposure on the ASP.NET platform including now directly from Microsoft. jQuery is a light weight, open source DOM manipulation library for JavaScript that… >>> More
An Introduction to jQuery Templates

as seen on Stephen Walter - Search for 'Stephen Walter'
The goal of this blog entry is to provide you with enough information to start working with jQuery Templates. jQuery Templates enable you to display and manipulate data in the browser. For example, you can use jQuery Templates to format and display a set of database records that you have retrieved… >>> More
Ajax Control Toolkit December 2013 Release

as seen on Stephen Walter - Search for 'Stephen Walter'
Today, we released a new version of the Ajax Control Toolkit that contains several important bug fixes and new features. The new release contains a new Tabs control that has been entirely rewritten in jQuery. You can download the December 2013 release of the Ajax Control Toolkit at http://Ajax.CodePlex… >>> More
jQuery show "loading" during slow operation

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm trying to show a small loading image during a slow operation with jQuery and can't get it right. It's a BIG table with thousands of rows. When I check the "mostrarArticulosDeReferencia" checkbox it removes the "hidden" class from these rows. This operation takes a couple of seconds and I want… >>> More
Tracking download of non-html (like pdf) downloads with jQuery and Google Analytics

as seen on Developer IT - Search for 'Developer IT'
Hi folks, it’s been quite calm at Developer IT’s this summer since we were all involved in other projects, but we are slowly comming back. In this post, we will present a simple way of tracking files download with Google Analytics with the help of jQuery. We work for a client that offers… >>> More

Related posts about slidetoggle

jQuery slideToggle stay open on hover

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a div that I have bound the jQuery hover event to activate a slideDown using slideToggle: <div class="Square"> <div class="RedSquare"></div> <div class="GraySquare"></div> </div> $("div.RedSquare").hover( function() { $(this).siblings("div… >>> More
jQuery slideToggle flicker in Firefox

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a specific situation with slideToggle that creates a flicker in Firefox. The situation was when the expanding element goes longer than the page and a vertical scrollbar appears in Firefox. If you scroll down to read all of the text in the expanding element and then click on the trigger to… >>> More
jQuery slideToggle() Internet Explorer problem and jumpy animation

as seen on Stack Overflow - Search for 'Stack Overflow'
Hey yaa! I have a big problem with my jquery. I finally made it that my slidetoggle runs in firefox. The animation is a little bit jumpy in the end of the animation. I read a lot of workarounds, but somehow nothing helped me really. Perhaps anyone of you can rescue me out of this dilemma. The other… >>> More
jQuery Smooth Sliding DIV Height

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a Div that is 400px in height with the ID "content", I then do a slideToggle on the Div, load some data into the Div of a varying height e.g. 200px, and then do another slideToggle. What I get is the slide expanding to 400px, then jump back to 200px. And the same in reverse, expanding to 200px… >>> More
Why does this jquery slideToggle code not work?

as seen on Stack Overflow - Search for 'Stack Overflow'
I am trying to alter the button text for a expand/collapse button. Basically, a user clicks "Collapse" and I perform a slideToggle and when the slideToggle is done, I change the button text to "Expand" and vice-versa. The following code works great however if you click the expand/collapse button… >>> More