<div id="app">
<button @click="show = !show" :aria-expanded="show ? 'true' : 'false'">
Toggle Panel
</button>
<p v-if="show">hello</p>
</div>
#app {
margin: 50px;
}
p {
padding: 10px 12px;
border: 1px solid #ccc;
width: 100px;
}
View Compiled
new Vue({
el: '#app',
data: {
show: true
}
})
This Pen doesn't use any external CSS resources.