jQuery Slide left and slide right

Question

I have seen slideUp and slideDown in jQuery  What about functions ways for sliding to left and right

User · Answer

You can always just use jQuery to add a class   addClass or  toggleClass  Then you can keep all your styles in your CSS and out of your scripts   http   jsfiddle net B8L3x 1

User · Answer

This code works well     lt html gt       lt head gt           lt script src  https   ajax googleapis com ajax libs jquery 3 2 1 jquery min js  gt  lt  script gt           lt script src  https   code jquery com jquery-1 12 4 js  gt  lt  script gt           lt script src  https   code jquery com ui 1 12 1 jquery-ui js  gt  lt  script gt           lt script gt                document  ready function                var options                       c   hide                    d   hide                    a   click function                         c   toggle   slide   options  500                         d   hide                                    b   click function                         d   toggle   slide   options  500                         c   hide                                                 lt  script gt           lt style gt              nav              float left              max-width 300px              width 300px              margin-top 100px                            article              margin-top 100px               height 100px                             c  d              padding 10px              border 1px solid olive              margin-left 100px              margin-top 100px              background-color blue                            button              border 2px solid blue              background-color white              color black              padding 10px                         lt  style gt       lt  head gt       lt body gt           lt header gt               lt center gt hi lt  center gt           lt  header gt           lt nav gt               lt button id  a  gt Register 1 lt  button gt               lt br gt               lt br gt               lt br gt               lt br gt               lt button id  b  gt Register 2 lt  button gt            lt  nav gt            lt article id  c  gt               lt form gt                   lt label gt User name  lt  label gt                   lt input type  text  name  123  value  something   gt                   lt br gt                   lt br gt                   lt label gt Password  lt  label gt                   lt input type  text  name  456  value  something   gt               lt  form gt           lt  article gt           lt article id  d  gt               lt p gt Hi lt  p gt           lt  article gt       lt  body gt   lt  html gt    Reference W3schools com and jqueryui com  Note This is a example code  don t forget to add all the script tags in order to achieve proper functioning of the code

User · Answer

If you don t want something bloated like jQuery UI  try my custom animations  https   github com yckart jquery-custom-animations  For you  blindLeftToggle and blindRightToggle is the appropriate choice   http   jsfiddle net ARTsinn 65QsU

User · Answer

You can do this with the additional effects in jQuery UI  See here for details  Quick example      this  hide  slide     direction   left     1000     this  show  slide     direction   left     1000

[javascript] jQuery: Slide left and slide right

Examples related to javascript

Examples related to jquery

Examples related to html

Examples related to css