通过单击另一个div更改div背景

Question

嗨我正在尝试在点击另一个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;
}

Answer 1

试试这个：

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

用这个：

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

这是--> JS Fiddle <--显示的变化。