.slideUp notre working

.slideUp notre working


I am still a beginner in the use of jQuery, though I have a good understanding of how it works. On my site, I currently have a "Learn more" button, which, when clicked, "slides down" a div that explains the functions displayed on the screenshots. Also when clicked, this button changes class so I can than use this new class to "slide up" the div to hide it.

  1. <script>
  2. $(document).ready(function() {
  3. $('#process').hide();
  4. $('.learnmore').click(function () { 
  5.              $('#process').slideDown(200); 
  6.              $('.topImage').attr({
  7.    src: 'img/savemysitestoppicture_steps.png'
  8.       });
  9.       $('a.learnmore').removeClass('learnmore').addClass('learnmoreclose');
  10.  });
  11. $('.learnmoreclose').click(function () {
  12. $('#process').slideUp(200);
  13. });
  14. });
  15. </script>

Why doesn't my div slide back up? Is it something I am doing wrong?

Thanks so much.