（CSS）功能之間的切換問題

Question

$(".m").toggle(
    $(".m").addClass('on'), 
    $(".m").removeClass('on') 
); 

這似乎並不按照我想要的方式工作，我是在做這個錯誤還是其他的東西？

我想你的方式，他們似乎工作，但這個問題是在CSS，它沒有顯示。對，它看起來像這樣：

a.m {color:red;} 
    a.m:hover {color:blue;} 
    a.m:active, .on {color:green;} 

Answer 1

嘗試使用.toggleClass()

$(".m").toggleClass("on") 

---

參考：.toggleClass

說明：添加或在該組匹配元件，從每個元素中刪除一個或多個類依賴於任一類的存在或開關的值論據。

Answer 2

你應該包起來的功能，這樣的：

$(".m").toggle(function() { 
    $(".m").addClass('on'); 
}, function() { 
    $(".m").removeClass('on') 
}); 

http://api.jquery.com/toggle-event/