My web app features two distinct modes: visual and interactive. By default, the app is in visual mode. When a user switches to interactive mode, I apply the "interactive" class to the container div. This triggers the display of hidden divs that were not visible before.
In my CSS, I use rules like the following:
.interactive #somedivThatWasHidden{
height: 100%;
width: 20%;
}
My query pertains to the transition when switching modes. Specifically, when I execute
$(".container").addClass("interactive");