Tabs

<div x-data="dropdownListMobile()" @resize.window="initDropdown()">

    <ul x-ref="content" class="font-semibold md:columns-3 lg:columns-5 overflow-hidden transition-height duration-[350ms] ease-in-out">

        <li class="pb-2.5 md:pb-5"><a class="hover:text-secondary transition duration-300" href="#">Suzuki Vitara</a></li>

        <li class="pb-2.5 md:pb-5"><a class="hover:text-secondary transition duration-300" href="#">BMW M3</a></li>

        <li class="pb-2.5 md:pb-5"><a class="hover:text-secondary transition duration-300" href="#">BMW X6</a></li>

        <li class="pb-2.5 md:pb-5"><a class="hover:text-secondary transition duration-300" href="#">Audi Q3</a></li>

        <li class="pb-2.5 md:pb-5"><a class="hover:text-secondary transition duration-300" href="#">BMW X1</a></li>

        <li class="pb-2.5 md:pb-5"><a class="hover:text-secondary transition duration-300" href="#">Jeep Cherokee</a></li>

        <li class="pb-2.5 md:pb-5"><a class="hover:text-secondary transition duration-300" href="#">Honda Civic</a></li>

        <li class="pb-2.5 md:pb-5"><a class="hover:text-secondary transition duration-300" href="#">Volkswagen Polo</a></li>

        <li class="pb-2.5 md:pb-5"><a class="hover:text-secondary transition duration-300" href="#">Ford Focus</a></li>

        <li class="pb-2.5 md:pb-5"><a class="hover:text-secondary transition duration-300" href="#">Ford Ka</a></li>

        <li class="pb-2.5 md:pb-5"><a class="hover:text-secondary transition duration-300" href="#">Dacia Sandero</a></li>

        <li class="pb-2.5 md:pb-5"><a class="hover:text-secondary transition duration-300" href="#">Peugeot 208</a></li>

        <li class="pb-2.5 md:pb-5"><a class="hover:text-secondary transition duration-300" href="#">Peugeot 3008</a></li>

        <li class="pb-2.5 md:pb-5"><a class="hover:text-secondary transition duration-300" href="#">Renault Clio</a></li>

        <li class="pb-2.5 md:pb-5"><a class="hover:text-secondary transition duration-300" href="#">Dacia Duster</a></li>

        <li class="pb-2.5 md:pb-5"><a class="hover:text-secondary transition duration-300" href="#">Tesla model 3</a></li>

        <li class="pb-2.5 md:pb-5"><a class="hover:text-secondary transition duration-300" href="#">Citroën C3</a></li>

        <li class="pb-2.5 md:pb-5"><a class="hover:text-secondary transition duration-300" href="#">Renault Twingo</a></li>

        <li class="pb-2.5 md:pb-5"><a class="hover:text-secondary transition duration-300" href="#">Volkswagen Golf</a></li>

        <li class="pb-2.5 md:pb-5"><a class="hover:text-secondary transition duration-300" href="#">Toyota Yaris</a></li>

        <li class="pb-2.5 md:pb-5"><a class="hover:text-secondary transition duration-300" href="#">Land Rover Discovery</a></li>

        <li class="pb-2.5 md:pb-5"><a class="hover:text-secondary transition duration-300" href="#">Mini Clubman</a></li>

        <li class="pb-2.5 md:pb-5"><a class="hover:text-secondary transition duration-300" href="#">Audi A3</a></li>

        <li class="pb-2.5 md:pb-5"><a class="hover:text-secondary transition duration-300" href="#">Renault Megane</a></li>

        <li class="pb-2.5 md:pb-5"><a class="hover:text-secondary transition duration-300" href="#">Renault Captur</a></li>

        <li class="pb-2.5 md:pb-5"><a class="hover:text-secondary transition duration-300" href="#">Renault Kadjar</a></li>

        <li class="pb-2.5 md:pb-5"><a class="hover:text-secondary transition duration-300" href="#">Opel Corsa</a></li>

        <li class="pb-2.5 md:pb-5"><a class="hover:text-secondary transition duration-300" href="#">Fiat 500</a></li>

        <li class="pb-2.5 md:pb-5"><a class="hover:text-secondary transition duration-300" href="#">DS3 Crossback</a></li>

        <li class="pb-2.5 md:pb-5"><a class="hover:text-secondary transition duration-300" href="#">Dacia Sandero</a></li>

    </ul>

    <button @click="toggle()" class="btn btn-size-sm btn-secondary-grey btn-full-width md:hidden mt-5">

        <span :class="{'hidden': !open}">Afficher moins</span>

        <span :class="{'hidden': open}" class="hidden">Afficher plus</span>

    </button>

</div>