title: Changing Bootstrap column class on click, change it back when other element is clicked
body: <p>This seems quite tricky to me. I want to change a bootstrap column class from "col-md-2" to "col-md-3" when class "panel-titel" within the div is clicked. When the user clicks on another "panel-titel" I want that one's containing "col-md-2" to change to "col-md-3" and the first class change of the other div to be reverted. Is this even possible? Thanks.</p>
  
  <pre><code>&lt;div class="col-md-2"&gt;
    &lt;div class="panel panel-default"&gt;
      &lt;div class="panel-heading"&gt;
        &lt;h4 class="panel-title"&gt;
          &lt;a data-toggle="collapse" data-parent="#accordion" href="#timeline1"&gt;
            15.3.2014
          &lt;/a&gt;
        &lt;/h4&gt;
      &lt;/div&gt;
      &lt;div id="timeline1" class="panel-collapse collapse"&gt;
        &lt;div class="panel-body"&gt;
          &lt;a href="#" class="thumbnail"&gt;
            &lt;img class="img-responsive" src="http://placehold.it/250x160" alt="Thumb11"&gt;
          &lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>