Click button to display text block

Hello everyone,

I need help to create a fuction where the text block (read circle) is displayed when the button (highlighted in yellow) is clicked. Could you help me ?

I'm not a developer so please explain it simply 🙂 Thanks a lot if you can help!

Still keep same box with black border, change text only or change text + change box + border?

Hello thanks for your help, I need to chage only the text

My ideal is add 6 button blocks

then add a section under with 6 text blocks

then I will try testing code to, when clicking on each button >> show corresponding text block under

What do you think?

yes that's what I was aiming to! 

I wrote a quick guide here, you can follow it.

https://summaryblock.com/click-button-show-corresponding-section/

In case you can't make it work, you can share link to page where you added buttons + sections + which code you added, I will adjust the code for you.

Thanks a lot! I have added it to the website and it works when I look at when i'm logged in my squarespace account, but when I try to look at from outside (as password protected website not logged into squaresoace) the feature doesn't work, and we I cick to the buttons it redirects me to the beginning of the same page (reloads the page) and the box doesn't change. Do you knwo why?

On 3/14/2024 at 8:58 PM, costum-websit said:

Thanks a lot! I have added it to the website and it works when I look at when i'm logged in my squarespace account, but when I try to look at from outside (as password protected website not logged into squaresoace) the feature doesn't work, and we I cick to the buttons it redirects me to the beginning of the same page (reloads the page) and the box doesn't change. Do you knwo why?

Can you share link to page? I can check easier

Hello! This works for me when viewing both the desktop and mobile versions on desktop, however, was wondering how to get it working on mobile? When I view on my mobile device, the buttons just keep redirecting me to the page, and not displaying the sections.

site: www.weareearthe.com/home

23 minutes ago, earthesoul said:

Hello! This works for me when viewing both the desktop and mobile versions on desktop, however, was wondering how to get it working on mobile? When I view on my mobile device, the buttons just keep redirecting me to the page, and not displaying the sections.

 

site: www.weareearthe.com/home

You need to make sure option "Open in New Tab" is disabled.

I did 3 sections. When the page loads, the first section is visible. When you click on the other two sections and click then the first section, it won't appear again. Same code you used, only changed the names.

On 8/27/2024 at 8:23 AM, frtokio said:

I did 3 sections. When the page loads, the first section is visible. When you click on the other two sections and click then the first section, it won't appear again. Same code you used, only changed the names.

You can share link to page where you added them, I can check problem easier