用Javascript切換文本顏色

Question

我在php中創建了一個菜單，運行JSON文件的輸入。我遇到的問題是，我希望標題將顏色更改爲綠色，只要他們點擊div類「菜單項」中的任何位置。一旦顏色變成綠色，我還希望他們能夠點擊它並使其恢復到原始狀態。我知道我需要使用JavaScript或Jquery這個選項，但無法在任何文檔中找到它。我覺得我錯過了一些小小的東西，並且一直都在尋找，但一直未能弄清楚。任何幫助表示讚賞。

foreach ($obj as $menu_item) { 
     echo '<div class="menu-item">'; 
     echo '<img class="food-item" src="'.$menu_item->{'image-url'}.'"><br/>'; 
     echo '<p class="title" onclick="changeColor("title"); return false;">'.$menu_item->name.'</p><br/>'; 
     echo '$'.$menu_item->price.'<br/>'; 
     echo $menu_item->Description.'<br/>'; 
     echo '</div>'; 
    } 

Answer 1

jQuery的切換會爲你做它，看到小提琴：https://jsfiddle.net/c259LrpL/24/

$(".menu-item").click(function() { 
    $(this).toggleClass("red"); 
    }); 

CSS例子：

.menu-item { 
    background-color: blue; 
    color: white; 
} 

.menu-item.red { 
    background-color: red; 
    color: blue; 
}