<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="row"> <div class="col-sm-12 text-right"> <button class="btn btn-outline-secondary mb-2" @click="showFilter = !showFilter" > <i class="mdi mdi-filter-variant font-size-16 mr-1"></i>Filter </button> </div> </div> <div class="row" v-show="showFilter"> <div class=c"ol-sm-12"> <p>Payments will be auto-billed monthly on your saved credit card.</p> </div> </div>

<script> export default { ], data() { return { showFilter: false, }; },