Hi Keviin,
This is awesome, thanks for checking this out.
I have also figured out how to do it with Bricks interaction.
Here is how I did it with Bricks interaction.
Here are the interactions details:
-Hide all the “Tab content” sections when the page loads, using the interaction on the heading.
-Toggle the “show” and “hide” classes on the “Tab Title/Image” when clicked, using the “toggle attribute” interaction. Remove the “show” class from other content tabs by using the “remove attribute” interaction.
-CSS
.hide {
display: none!important;
}
.show {
display: block!important;
}
Here is how it works on frontend.
