2013-06-08 2 views
0

Я пытаюсь заставить другие divs загораться при щелчке. Например, когда вы нажимаете на первый div, я хочу, чтобы он менял цвет, а также третий.Divs для изменения нескольких цветов при нажатии

То, что я до сих пор это: http://jsfiddle.net/r5WWQ/147/

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

Любая помощь будет оценен по достоинству!

+0

Просто добавьте '$ (". place3 "). toggleClass (" yellow ");' к первой (или любой другой) функции. Или есть что-то более сложное? – Erlik

+0

Спасибо за ввод. Ничего сложнее. – Mauricio

ответ

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"); 
}); 
+0

Это работает как шарм! Привет, сэр, спасибо. – Mauricio

+1

@Mauricio Не забудьте отметить это как принятое, если оно ответит на ваш вопрос. – Charlie

Смежные вопросы