How to toggle class using jquery if else statement?

Question

I want to toggle class using jquery If Else statement for specified conditions.

My Html with default css class=\"horizontal\"

Answer 1

There is a toggleClass method that does this; it even works with multiple class names separated by spaces. So toggle both of them, no matter what's the current class of the element:

$("#foo-bar").toggleClass("horizontal vertical");