title: Vuejs show/hide condition
body: <p>Adding and removing dynamic items is functioning.  I'm wanting to additionally show/hide elements under each.  However, when I "show/hide" it toggles all.  How can I call only the current index (toggle method?)  </p>
  
  <pre><code>var app = new Vue({
      el: '#app',
      data: {
      inputProject: [],
      counter:0,
      active : false
      },
      methods: {
      addInput: function() {
              this.inputProject.push(this.counter);
              this.counter++
          },
      removeInput: function(index) {
              this.inputProject.splice(index,1);
          },
      toggle: function (index) {
        this.active = !this.active;
      }
      }
  })
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/fjAwy.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fjAwy.jpg" alt="enter image description here"></a></p>
  
  <p>Jsfiddle here: <a href="https://jsfiddle.net/rhgz83e2/30/" rel="nofollow noreferrer">https://jsfiddle.net/rhgz83e2/30/</a></p>