Bir sidebar menum var.
class="{{ request()->routeIs('rotaadi') ? 'text-orange-500':'' }}" kullanarak aktif linkleri vurguluyorum. menude alpinejs ile acılır menude var.
Acılır menu içindede aktif linki vurguluyorum fakat linke tıklandıgında ve geçerli sayfaya gidildiginde acılır menu kapanmıs oluyor.
Geçerli sayfaya gidildiginde acılır menuyu nasıl acık tutabilirim.
alpinejs acılır menu kodları:
<div class="flex justify-between">
<div><button @click="drop = ! drop" class="hover:text-orange-500"><i class="fa-solid fa-envelope mr-2"></i>Destek Talebi
</button></div>
<div><i class="fa-solid fa-chevron-up ml-2" x-bind:class="! drop ? 'rotate-180' : ''"></i></div>
</div>
<div x-show="drop" x-show="Open"
class="flex flex-col text-left text-md mt-2 w-5/6 mx-auto text-black"
@click.away=" drop = false"
>
<a href="{{ route('site.destek') }}" class=" p-2 hover:text-orange-500 mt-1">
Bilet Oluştur
</a>
<a href="{{ route('site.desteklist') }}" class="p-2 hover:text-orange-500 mt-1">
Biletlerim
</a>
</div>
</div>