I’m trying to implement a dropdown menu with smooth open and close transitions using Tailwind CSS in a Next.js application. Currently, I have the following structure:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget aliquet velit. Aenean a lectus in lorem scelerisque hendrerit.

I want the dropdown to smoothly expand and collapse with a smooth animation when toggled. How can I adjust my Tailwind CSS classes or structure to achieve this?