title: Programmatically open each expansion panel in Vuetify
body: <p>I am trying to programmatically open and close the expansion panels with Vuetify 2.3.5</p>
  <pre><code>&lt;v-expansion-panels accordion&gt;
      &lt;v-expansion-panel v-for=&quot;(item,i) in faqs&quot; :key=&quot;i&quot;&gt;
          &lt;div class=&quot;expansion-panel-header-container&quot;&gt;
              &lt;div class=&quot;handle&quot;&gt;&lt;v-icon&gt;$drag_icon&lt;/v-icon&gt;&lt;/div&gt;
              &lt;v-expansion-panel-header hide-actions expand-icon=&quot;$edit&quot;&gt;
                  &lt;span class=&quot;font-weight-bold&quot;&gt;{{item.question}}&lt;/span&gt;
              &lt;/v-expansion-panel-header&gt;
              &lt;div class=&quot;action-icons&quot;&gt;
                  &lt;v-icon @click.native=&quot;doSomething&quot;&gt;$edit&lt;/v-icon&gt;
                  &lt;v-icon&gt;$delete&lt;/v-icon&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;v-expansion-panel-content&gt;
          CONTENT GOES HERE
      &lt;/v-expansion-panel-content&gt;
  &lt;v-expansion-panels accordion&gt;
  </code></pre>
  <p>Currently the v-expansion-panel-header becomes the entire button that triggers the open and close of the panel but I would like to disable that function and trigger the open and close with this <code>&lt;v-icon @click.native=&quot;doSomething&quot;&gt;$edit&lt;/v-icon&gt;</code> instead.</p>
  <p>I can not find any documentation on how to do this.</p>
  <p>Does anyone know how I could go about achieving this functionality?</p>