Coffeescript函數不能正常工作

Question

我是新來的coffeescript，但我試圖有幾件事情發生時，我點擊我的網頁。

問題是，我不知道如何獲得超過4個事件發生。這是我現在的代碼：

ready: -> 
$("#titleDD").click -> 
    $("#titleDD").css('border', '3px solid #D0D0D0'); 
$("#catDD").click -> 
    $("#catDD").css('border', '3px solid #D0D0D0'); 
$("#titleDD").click -> 
    $("#catDD").text("hellow world"); 
$("#catDD").click -> 
    $("#titleDD").css('border', '1px solid #D0D0D0'); 
$("#titleDD").click -> 
    $("#catDD").css('border', '1px solid #D0D0D0'); 

因爲它會改變邊界並更新文本。但是，最後一行不起作用。當我點擊titleDD時，catDD的邊框不會回到1px。有誰知道爲什麼？如果我切換代碼的​​順序，它總是第4次點擊工作，第五次點擊沒有。

我試圖做另一個準備： - >聲明，但這使得它沒有任何作品。

Answer 1

嘗試聯合聲明下2個處理器，而不是很多的對於相同的CSS選擇：

ready: -> 

$("#titleDD").click -> 
    $("#titleDD").css('border', '3px solid #D0D0D0'); 
    $("#catDD").css('border', '1px solid #D0D0D0'); 
    $("#catDD").text("hellow world"); 

$("#catDD").click -> 
    $("#catDD").css('border', '3px solid #D0D0D0'); 
    $("#titleDD").css('border', '1px solid #D0D0D0');