jQuery slide left and show

by

This feature is included as part of jquery ui http://docs.jquery.com/UI/Effects/Slide if you want to extend it with your own names you can use this.

jQuery.fn.extend({
  slideRightShow: function() {
    return this.each(function() {
        $(this).show('slide', {direction: 'right'}, 1000);
    });
  },
  slideLeftHide: function() {
    return this.each(function() {
      $(this).hide('slide', {direction: 'left'}, 1000);
    });
  },
  slideRightHide: function() {
    return this.each(function() {
      $(this).hide('slide', {direction: 'right'}, 1000);
    });
  },
  slideLeftShow: function() {
    return this.each(function() {
      $(this).show('slide', {direction: 'left'}, 1000);
    });
  }
});

you will need the following references

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.effects.core.js"></script>
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.effects.slide.js"></script>

More Related Contents:

  1. jQuery using append with effects
  2. How to attach callback to jquery effect on dialog show?
  3. How can I execute multiple, simultaneous jquery effects?
  4. How do you fadeIn and animate at the same time?
  5. jQuery animate scroll
  6. Does jQuery have a plugin to display a “message bar” like the Twitter “wrong password” bar at the top of screen?
  7. Use jQuery to hide a DIV when the user clicks outside of it
  8. How to get a cross-origin resource sharing (CORS) post request working
  9. Why is jQuery’s .ajax() method not sending my session cookie?
  10. Check if Internet Connection Exists with jQuery? [duplicate]
  11. How can I bind all events on a DOM element?
  12. jQuery load first 3 elements, click “load more” to display next 5 elements
  13. from jquery $.ajax to angular $http
  14. jQuery split long ul list in smaller lists
  15. Chart.js – Doughnut show tooltips always?
  16. MVC custom validation: compare two dates
  17. jQuery memory leak with DOM removal
  18. Error: Uncaught SyntaxError: Unexpected token
  19. How to get the class of the clicked element?
  20. $.getJSON returning cached data in IE8
  21. jQuery – How to dynamically add a validation rule
  22. jQuery set checkbox checked
  23. toggleClass and remove class from all other elements
  24. focusing on next input (jquery)
  25. $(“#form1”).validate is not a function
  26. how do you add an image to a jquery tooltip
  27. jQuery animate height
  28. Jquery Multiple load in a DIV
  29. Get the selected option id with jQuery
  30. jQuery css gradient

Leave a Comment