Show/Hide Content on Click
Hi guys, I would like to know if I can create a section with show/hide content on click, just like as seen on this page: https://www.temporary-url.com/3C316 When you click on the left side menu, "Quem Somos", "A Editora", "A Produtora", etc the content on the right side automatically changes. Is there a way to do it using BeBuilder or else?
Comments
Hi,
You can use the vertical version of tabs.
Under the link below you can find how they look and work:
https://muffingroup.com/betheme/elements/tabs/
I also suggest checking which style suits you best by choosing between the style Classic or Simple.
Thanks
Hi, thanks for your reply.
Yes ive been testing with vertical tabs, but can I style it exactly the way shown in the example? And can I put any type of content in a tab? Like forms, images, videos...
I was also thinking about working with attributes and small piece of JS code, but couldnt find an attributes field on bebuilder.
1) To put the line below every tab title, you would have to write a custom CSS code, which I can help with, but it will not be possible to have arrows that change direction after clicking on them. The rest can be easily styled in the Style tab of the Tabs element.
2) In the Tabs, you can put any content that does not use JS.
Best regards