单击时可更改多种颜色的Div

时间:2013-06-08 03:17:02

标签: javascript html click

当点击一个时,我正试图让其他div点亮。例如,当你点击第一个div时,我想要改变颜色和第3个。

到目前为止我所拥有的是:http://jsfiddle.net/r5WWQ/147/

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

任何帮助将不胜感激!

1 个答案:

答案 0 :(得分: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");
});