title: Toggle Class for an item Vue.js
body: <p>So I have a list of data brought in using vue resource from an api. I'm trying to integrate this list with bootstrap accordion.</p>
  
  <p>So:</p>
  
  <p>I have set this :</p>
  
  <pre><code>data: {
    taller: false
  }
  </code></pre>
  
  <p>and</p>
  
  <pre><code>&lt;div class="panel panel-default"
    v-repeat="faq: faqs | filterBy searchText" 
    v-transition="staggered" 
    stagger="200"
    v-on="click: toggleHeight"
    v-class="active: taller"&gt;
  </code></pre>
  
  <p>So on click i'll call toggleHeight and pass through the faq instance :</p>
  
  <pre><code>toggleHeight: function(faq) {
    this.taller = true;
  }
  </code></pre>
  
  <p>This function sets to taller to true however it sets it to true for all faq items, not just the one i've passed to toggle height.</p>
  
  <p>How can I only return <code>taller: true</code> for clicked faq item?</p>
  
  <p>Thanks</p>