2013-03-30 3 views
0

Привет, я пытаюсь изменить div на белый, когда на него нажимают другой div. Звучит просто, но не может заставить его работать. Есть идеи ?Изменить div, нажав на другой div

<section id=maindisplay> 
    <div id=control></div> 
</section> 


$("#control").click(function(){ 
$("#maindisplay").toggleClass('#maindisplay_white'); 

CSS-

#maindisplay{ 
background-color:black; 
height: 670px; 
width: 1109px; 
} 

#maindisplay_white{ 
background-color:white; 
} 

#control{ 
cursor:pointer; 
background-color:white; 
width: 17px; 
height: 52px; 
} 
+0

'#' для идентификаторов, '.' для классов. 'toggleClass' не должен иметь ни префикса, а сделать его соответствующим селектору CSS, который начинается с' .'. Идентификаторы уникальны, и каждый элемент может иметь только один. Классы могут использоваться повторно, и каждый элемент может иметь несколько. – Dave

ответ

1

Попробуйте это:

$("#maindisplay").toggleClass('maindisplay_white'); 

с этим:

#maindisplay.maindisplay_white{ 
    background-color:white; 
} 

Вот такой --> JS Fiddle <-- демонстрирующих изменения.

+0

Должно ли это не просто добавить класс в существующий? Изменено как для классов для тестирования, но по-прежнему не работает. Не могу понять, почему, он должен просто переписать цвет в maindisplay. – chucky

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