ToggleClass animate jQuery?

Question

I have a section on my website that when a user clicks I would like it to expand, I\'m using the jQuery\'s toggleClass for this...

expandable: f         


        

Answer 1

You should look at the toggle function found on jQuery. This will allow you to specify an easing method to define how the toggle works.

slideToggle will only slide up and down, not left/right if that's what you are looking for.

If you need the class to be toggled as well you can deifine that in the toggle function with a:

$(this).closest('article').toggle('slow', function() {
    $(this).toggleClass('expanded');
});