單擊可更改多個顏色的Divs

Question

我正在嘗試使其他div在單擊時點亮。 例如，當您單擊第一個div時，我希望它同時更改第三個顏色。

到目前為止，我所擁有的是： http : //jsfiddle.net/r5WWQ/147/

<div class="place"></div>
<div class="place2"></div>
<div class="place3"></div>

任何幫助，將不勝感激！

Answer 1

單擊div之一時，只需切換所有顏色：

$("div").click(function () {
   $(".place").toggleClass("green");
   $(".place2").toggleClass("orange yellow");
   $(".place3").toggleClass("yellow");
});

http://jsfiddle.net/r5WWQ/148/

您可以對其進行操作，以便在單擊其中一個時，只有第三個和第一個會亮起：

$(".place, .place3").click(function () {
   $(".place").toggleClass("green");
   $(".place3").toggleClass("yellow");
});