Я пытаюсь изменить состояние двух кнопок.Но если я нажму одну кнопку, оба исчезнут.Кнопка 1 должна переключиться на кнопку 2 (и наоборот), а кнопка 3 - на кнопку 4 (и наоборот), но если я нажму одну кнопку, другая исчезнет
<section>
<button
class="button1 show"
[class]="button1 ? 'button1 show' : 'button1 hide'"
on="tap:AMP.setState({button1: visible, button2: !visible})">
<span class="">Button 1</span>
</button>
<button
class="button2 hide"
[class]="button2 ? 'button2 show' : 'button2 hide'"
on="tap:AMP.setState({button1: !visible , button2: visible})">
<span class="">Button 2</span>
</button>
</section>
<section>
<button
class="button3 show2"
[class]="button3 ? 'button3 show2' : 'button3 hide2'"
on="tap:AMP.setState({button3: visible, button4: !visible})">
<span class="">Button 3</span>
</button>
<button
class="button4 hide2"
[class]="button4 ? 'button4 show2' : 'button4 hide2'"
on="tap:AMP.setState({button3: !visible , button4: visible})">
<span class="">Button 4</span>
</button>
</section>