Slide div left/right using jQuery

by

You can easy get that effect without using jQueryUI, for example:

$(document).ready(function(){
    $('#slide').click(function(){
    var hidden = $('.hidden');
    if (hidden.hasClass('visible')){
        hidden.animate({"left":"-1000px"}, "slow").removeClass('visible');
    } else {
        hidden.animate({"left":"0px"}, "slow").addClass('visible');
    }
    });
});

Try this working Fiddle:

http://jsfiddle.net/ZQTFq/

Related Contents:

  1. jQuery same click event for multiple elements
  2. jQuery validation: change default error message
  3. On select change, get data attribute value
  4. Reset select2 value and show placeholder
  5. jQuery – Detecting if a file has been selected in the file input [duplicate]
  6. How to detect input type=file “change” for the same file?
  7. How to get multiple select box values using jQuery?
  8. Set the selected index of a Dropdown using jQuery
  9. How to get all child inputs of a div element (jQuery)
  10. How to programmatically disable page scrolling with jQuery
  11. Remove CSS from a Div using JQuery
  12. jQuery Datepicker with text input that doesn’t allow user input
  13. Yes or No confirm box using jQuery
  14. How to check if bootstrap modal is open, so I can use jquery validate?
  15. ESLint dollar($) is not defined. (no-undef)
  16. How can I get the button that caused the submit from the form submit event?
  17. Leaflet – How to find existing markers, and delete markers?
  18. How do I check how many options there are in a dropdown menu?
  19. jQuery autohide element after 5 seconds
  20. jquery sortable placeholder height problem
  21. Setting width as a percentage using jQuery
  22. Easier way to get a jQuery object from appended element
  23. Jquery and HTML FormData returns “Uncaught TypeError: Illegal invocation”
  24. Apply CSS to jQuery Dialog Buttons
  25. Jquery find all ids starting with a string?
  26. jquery – Click event not working for dynamically created button [duplicate]
  27. jQuery “not readonly” selector
  28. Determining if the element is the last child of its parent
  29. jQuery get the id/value of element after click function
  30. jQuery override default validation error message display (Css) Popup/Tooltip like
  31. jQuery :contains() selector uppercase and lower case issue
  32. return false from jQuery click event
  33. How to pass data in the ajax DELETE request other than headers
  34. Does jQuery do any kind of caching of “selectors”?
  35. Why is my jQuery :not() selector not working in CSS?
  36. How to add text to an existing div with jquery
  37. How to import jQuery UI using ES6/ES7 syntax?
  38. Stop a gif animation onload, on mouseover start the activation
  39. jQuery Droppable, get the element dropped
  40. How to focus invalid fields with jQuery validate?
  41. How to replace all double quotes to single quotes using jquery?
  42. How to get parent element by specified tag name using jquery?
  43. How to run jQuery fadeIn() and slideDown() simultaneously?
  44. How to get a cookie from an AJAX response?
  45. form confirm before submit
  46. getJSON Synchronous
  47. jQuery – is it bad to have multiple $(document).ready(function() {});
  48. jQuery DataTable overflow and text-wrapping issues
  49. jQuery Drag And Drop Using Live Events
  50. Use jQuery to change a second select list based on the first select list option

Leave a Comment