Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Show left to right

Show left to right


So I have problems with sliding from Left to right div with display:none.

  • $('#sale_man').click(function(){ $('.third').show("slide", { direction: "right" }, 1000); });

    So after clicking on id="sale_man" i need to slide div with class 3, but nothing happens..

    Problem courtesy of: NoNameZ


    There are a couple of things wrong. First the missing

      tag that Yorgo identified.

      The second is this line

      $('.third').show("slide", { direction: "right" }, 1000);

      If you change it to


      You will see that the div will appear (but without the animation you want). Which means that you have the wrong syntax.

      If you look at the API documentation page for show()

      You will see there is no version of the function that takes in arguments like you have in your code.

      So either you should have a custom show function in your code somewhere, that overrides jQuery's one. Or you should be including a jQuery plugin that supports the functionality that you are after.

      EDIT: it would seem that you are missing this jQuery UI plugin

      Solution courtesy of: Griffin


      View additional discussion.

      This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

      Share the post

      Show left to right


      Subscribe to Css3 Recipes - The Solution To All Your Style Problems

      Get updates delivered right to your inbox!

      Thank you for your subscription