The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

jquery slideDown shakes content in Chrome

  • # October 17, 2012 at 8:59 pm


    I’m relatively new to jquery and am trying to create a simple jquery content slider. It all worked fine when I was testing it on a seperate page, but when I added it to the website, in Chrome all the content “shakes” when the panels slide up or down.

    This is the code being used:

    function slide(obj,obj2,obj3,obj4,div){
    $(“#” + obj).hide();
    $(“#” + div).slideDown();
    $(“#” + obj2).show();
    $(“#” + obj3).hide();
    $(“#” + obj4).fadeIn(2000);

    function slideUp(obj,obj2,obj3,obj4,div){
    $(“#” + obj).hide();
    $(“#” + div).slideUp();
    $(“#” + obj2).show();
    $(“#” + obj3).fadeIn(2000);
    $(“#” + obj4).hide();
    Here is a [link]( “link”) to it in use.

    Any help would be greatly appreciated! :)

    # October 17, 2012 at 9:25 pm

    I think it’s the use of display:inline-block on #mainbody and #mainbodycontent that you want to avoid.

    # October 18, 2012 at 1:17 am

    Ah! Thank you very much! I changed that and now it works perfectly!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed