用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; 
}