title: Bootstrap Switch - How can i change a div`s style depending on the toggle`s state?
body: <p>I`m fairly new to jQuery and I ran into a problem with Bootstrap Switch.</p>
  
  <p>here is my fiddle: <a href="http://jsfiddle.net/egqjvz7b/3/" rel="nofollow">http://jsfiddle.net/egqjvz7b/3/</a></p>
  
  <p>I have two divs with the same class but different ids. Both of the divs have toggle switches under them.
  What I want to do is when I switch the first toggle the first div class changes from 'box' to 'selectedbox' then if I switch over to the second toggle the first div goes back to the original class and the second div changes to 'selectedbox'.</p>
  
  <p>Between 'box' and 'selectedbox' only the box-shadow is different so i`m also happy to change just that.</p>
  
  <p>Hope I was clear and somebody could help.
  Cheers!</p>
  
  <p>html</p>
  
  <pre><code>&lt;body&gt;
  
  &lt;div class="box" id="option1"&gt;
  &lt;p&gt;Option 1&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;input type="radio" name="exampleToggle" id="toggleOption1" data-on-text="Selected" data-off-text="Select" data-on-color="success" data-off-color="primary" data-inverse="true"&gt;
  
  &lt;div class="box" id="option2"&gt;
  &lt;p&gt;Option 2&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;input type="radio" name="exampleToggle" id="toggleOption2" data-on-text="Selected" data-off-text="Select" data-on-color="success" data-off-color="primary" data-inverse="true"&gt;
  
  &lt;/body&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>body{
  margin: 30px;
  }
  
  .box{
  background: rgba(255, 255, 255, 0.6);
  border-radius: 5px;
  border-top: solid 3px #18bc9c;
  box-shadow: 0px 2px 5px #2c3e50;
  padding:20px;
  height:100px;
  width:100px;
  margin: 30px 0;
  }
  
  .selectedbox{
  background: rgba(255, 255, 255, 0.6);
  border-radius: 5px;
  border-top: solid 3px #18bc9c;
  box-shadow: 0px 0px 20px #18bc9c;
  padding:20px;
  height:100px;
  width:100px;
  margin: 30px 0;
  }
  </code></pre>
  
  <p>js</p>
  
  <pre><code>$("[name='exampleToggle']").bootstrapSwitch();
  </code></pre>