Hi!
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.
- <script>
- $(document).ready(function() {
- $('#process').hide();
- $('.learnmore').click(function () {
- $('#process').slideDown(200);
- $('.topImage').attr({
- src: 'img/savemysitestoppicture_steps.png'
- });
- $('a.learnmore').removeClass('learnmore').addClass('learnmoreclose');
- });
- $('.learnmoreclose').click(function () {
- $('#process').slideUp(200);
- });
- });
- </script>
Why doesn't my div slide back up? Is it something I am doing wrong?
Thanks so much.