javascript - クリック時に複数の色を変更する Divs

Question

クリックすると他のdivが点灯するようにしようとしています。たとえば、最初の div をクリックすると、3 番目と同様に色が変わります。

私がこれまでに持っているのはこれです: 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/

これを操作して、そのうちの 1 つをクリックしたときに 3 番目と 1 番目だけが点灯するようにすることができます。

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