Gonna bump this as I’m running into this again. It’s easy to work around but it seems a bit odd that we can’t toggle_class.
With Tailwind being the out-of-the-box CSS solution, it essentially makes toggle, show, and hide useless since these set style="display: block". You can control the display type used on show (block, inline-block, flex, grid, …) but that doesn’t help when doing responsive design.
For example, I have a nav where the items are next to each other on desktop, but are stacked in the mobile burger menu.
<ul class="hidden md:flex">
...
</ul>
I were to go to mobile menu and show then hide the menu, then resize into a desktop view, the menu will remain hidden because it now has style="display: none" on it. I realize this is edge-casey but of course, this is exactly what clients do when they are demoing the app you’ve given them. It’s also not that edge-casey at all. For example, when working my laptop, I’ll have hexdocs open half-screen with the menu hidden. Then when I want to dig into something and explore, I’ll full-screen hexdocs and open the menu again. This isn’t a problem with hexdocs since its menu stays the same in both views, but that’s not always the case.
Of course there is an easy way around this with hooks, using different buttons for show and hide, or any of the clever ways above, but toggle_class would be useful in many different scenarios. Also, JS commands just feel so good!
