Support Center Visit Demo License manager Buy @ envato

Show/Hide Content on Click

gabrielfariagabrielfaria
edited August 2022 in BeBuilder

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

  • PhilPhil

    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

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • gabrielfariagabrielfaria

    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.

  • PhilPhil

    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.

    image.png

    Best regards

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
Sign In or Register to comment.