title: Bootstrap switch when clicked, hide the div
body: <p>I've created a bootstrap switch from <a href="http://www.zamanak.ir/themes/zamanak/bootstrap-switch-3.0/" rel="nofollow">http://www.zamanak.ir/themes/zamanak/bootstrap-switch-3.0/</a></p>
  
  <p>I have a div by the side of the switch so when the switch is on I want the div to appear and when its off I want the div to disappear.</p>
  
  <p>How can I do it?</p>
  
  <pre><code>&lt;!-- Switch --&gt;
  &lt;link href="css/bootstrap-switch.css" rel="stylesheet"&gt;
  
  &lt;span class="switch-box"&gt;
              &lt;input type="checkbox" data-on-text="&lt;span class='glyphicon glyphicon-ok'&gt;&lt;/span&gt;" data-off-text="&lt;span class='glyphicon glyphicon-remove'&gt;&lt;/span&gt;" checked data-size="mini" id="change-color-switch" checked data-on-color="success" data-off-color="danger" class="ck-in a1"&gt;
              &lt;/span&gt;
              &lt;p class="conf-dy a"&gt;monday&lt;/p&gt;
  
  &lt;script src="js/bootstrap-switch.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;$('#change-color-switch').bootstrapSwitch('onColor','success');$('#change-color-switch').bootstrapSwitch('offColor','danger');&lt;/script&gt;
  </code></pre>