jquery - 別の 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 <--デモンストレーションです。