Tabbed content

Hi all,

I am wondering if Squarespace allows you to create a 2 column layout that works as tabbed content. I am wanting to include headings within the left column and when you click on each heading the right column changes to display text that is related to that heading.

Below is an example on how I would like it to display.

Any help would be SO appreciated.

Thanks in advance!

There are some plugins, help you achieve this easier.

If you find free solution, you can find free code on Codepen.io (a lot of code). Then share link, we can convert it to Squarespace code.

@tuanphan Do you know what this style is called? I am trying to find a source in codepen however I can only find traditional looking tabbed content.

Any suggestions? It would help me so much!

6 hours ago, GraceC1 said:

@tuanphan Do you know what this style is called? I am trying to find a source in codepen however I can only find traditional looking tabbed content.

Any suggestions? It would help me so much!

You can try some keywords

• tabs
• vertical tabs

eg

• https://codepen.io/rixodesign/pen/RjgxZq
• https://codepen.io/Ghandour/pen/WErRyq
• https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_tabulators_sidebar

Please see Text Block Text Class Add.

Although not directly a solution to a tab effect. The code can be a building block ( not in the sense of an SS block ) to getting your own tab effect going.

Just wondering @tuanphan @GraceC1 how you went? I'm trying to find a plugin for this but am having zero luck! Any chance you could help? Thank you!

@sikoyadesign You can try this approach