enhance .toggleClass

enhance .toggleClass


1. remove/re-add all original CSS class
implement: save original class to $.data on elements
Case:
el: <span class="a b" />
step#1:$(el).toggleClass();
-save "a b" to $.data(this,"originalClass"), then remove "a b" class
on this element.
step#2:$(el).toggleClass();
-restore $.data(this,"originalClass")(if exists) to this element.
And with boolean:
step#1:$(el).toggleClass(false);
-save "a b" to $.data(this,"originalClass"), then remove "a b" class
on this element.
step#1:$(el).toggleClass(true);
-restore $.data(this,"originalClass")(if exists) to this element.
2.handle multi-class without boolean.
use .toggleClass("c b") instead of .toggleClass("c").toggleClass("b")
implement: split className string before pass it to $.className[add/
remove], and handle each one separately
Case:
el: <span class="a b" />
step#1:$(el).toggleClass("b c");
-remove class "b" and add class "c" on this element.
step#2:$(el).toggleClass("b c");
-remove class "c" and add class "b" on this element.