title: style binding by @click - vue.js
body: <p>I am toggling one element and at that time, want to bind style another element. But I didn't understand how to achieve this with <code>@click</code> </p>
  
  <pre><code>data(){
      return {
          show:false,
          filterStyle: {
              top: 0,
              background: "#dfe4ea",
              marginTop: "15px",
              marginBottom: "15px",
          },
      }
  }
  
  methods: {
      closing(){
          this.show = !this.show
      },
  }
  
  &lt;p class="closeMap" @click="closing()"&gt;close&lt;/p&gt;
  </code></pre>
  
  <p><strong>closing div below.</strong></p>
  
  <pre><code>&lt;div v-show="!show"&gt;&lt;/&gt;
  </code></pre>
  
  <p><strong>changing styles div below.</strong></p>
  
  <pre><code>&lt;div :style="filterStyle" class="filter"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Is there someone can explain it to me?</p>
  
  <p>Edit: By the way, as you see I am binding my styles, no problem with that. But not by <code>@click</code>... I want to bind those styles by <code>@click</code>. </p>