title: Vue Same class divs, expand only the child, without (this) parent
body: <p>All children and parents <code>div</code> are with the same class. I'd attached <code>v-on:click</code>method to toggled only the child one of the clicked parent, not all children. If I add (this) the method doesn't work. Thank you.</p>
  
  <pre><code>        &lt;div class="expand-box" v-on:click="textToggle()"&gt;
              &lt;div class="expand-title"&gt;Lorem ipsum&lt;/div&gt;
              &lt;div class="expand-text"&gt;Child&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="expand-box" v-on:click="textToggle()"&gt;
              &lt;div class="expand-title"&gt;Lorem Ipsum&lt;/div&gt;
              &lt;span class="expand-text"&gt;Child.&lt;/span&gt;
          &lt;/div&gt;
  
  
  
  mounted(){
        this.hideText();
  },
  
  methods: {
        hideText: function() {
          $(".expand-text").hide();
        },
        textToggle: function() {
          $(".expand-text").toggle(300);
        }
    }
  </code></pre>