Dynamic Toggle Class in LWC
This is a very simple scenario where you need to hide/show some div but you can’t use <template if:true> tag. Let’s say you’re using loop.
Here we’re discussing 2 approaches if you’re looking for answer to how you can use dynamic hide/show in LWC without template if:true approach
Toggle Class (Simple Approach)
Toggle (classList Approach)
Source https://salesforce.stackexchange.com/questions/260614/lwc-how-to-toggle-css-class-on-button-click