非常簡單的toggleClass不工作

Question

所以我有一些非常簡單的代碼，但它不工作。

$(function() { 
 
\t $("#tren").click(function() { 
 
\t \t $("#trens").toggleClass("show"); 
 
\t }); 
 
});

.show { 
 
    color: "red"; 
 
}

<ul> 
 
    <li id="tren">Some text</li> 
 
</ul> 
 
<div id="trens"> 
 
    <p>Other text</p> 
 
</div>

'其他文本' 應該接受紅，但事實並非如此。我究竟做錯了什麼？

Answer 1

只需刪除您的CSS中的引號。運行下面的代碼片段來查看它的工作情況。

$(function() { 
 
\t $("#tren").click(function() { 
 
\t \t $("#trens").toggleClass("show"); 
 
\t }); 
 
});

.show { 
 
    color: red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<ul> 
 
    <li id="tren">Some text</li> 
 
</ul> 
 
<div id="trens"> 
 
    <p>Other text</p> 
 
</div>

Answer 2

所有你需要做的就是取詞「紅」了括號。

.show {color：red;}