<!-- nosimple -->
<div x-data="{b: 0}">
    <button @click="b = 1" class="button">First</button>
    <button @click="b = 2" class="button">Second</button>
    <button @click="b = 0" class="button">Hide</button>
 
    <template x-if="b == 1">
        <div>First content</div>
    </template>
 
    <template x-if="b == 2">
        <div>Second content</div>
    </template>
</div>
<!-- /nosimple -->