program - tab btns toggle

This commit is contained in:
isUnknown 2024-09-02 18:10:52 +02:00
parent 104fb09ea2
commit 57751f78fc

View file

@ -27,7 +27,7 @@
x-data="{title: 'Calendrier'}"
x-text="title"
:class="tab === title ? 'strong' : ''"
@click="tab = title"
@click="if (tab === title) { tab = 'Programme' } else {tab = title}"
></button>
<button
x-data="{
@ -38,7 +38,7 @@
}"
x-text="title"
:class="tab === filterTitle ? 'strong' : ''"
@click="tab = filterTitle; filter = title"
@click="if (tab === filterTitle) { tab = 'Programme' } else { tab = filterTitle; filter = title }"
></button>
<button
x-data="{
@ -49,7 +49,7 @@
}"
x-text="title"
:class="tab === filterTitle ? 'strong' : ''"
@click="tab = filterTitle; filter = title"
@click="if (tab === filterTitle) { tab = 'Programme' } else { tab = filterTitle; filter = title }"
></button>
<button
x-data="{
@ -60,13 +60,13 @@
}"
x-text="title"
:class="tab === filterTitle ? 'strong' : ''"
@click="tab = filterTitle; filter = title"
@click="if (tab === filterTitle) { tab = 'Programme' } else { tab = filterTitle; filter = title }"
></button>
<button
x-data="{title: 'Saisons précédentes'}"
x-text="title"
:class="tab === title ? 'strong' : ''"
@click="tab = title"
@click="if (tab === filterTitle) { tab = 'Programme' } else { tab = title }"
></button>
</section>
<section class="page-title">