How do I display different text (on the same page) that changes when I click on different buttons.

Question

Hi,

I have 2 buttons on my NEWS Page screen and I would like to create the following effect:-

When I click on BUTTON A, I will display some information on the same page (designated area in that page, maybe within a container) and show the text.
When I click on BUTTON B, another new set of content will now display in the same area (covering the previous BUTTON A info)
Below is a sample from a website that illustrates what I meant. As you can see from this Sherlock website, the text changes when the user clicks on the different button (ie Press Release, Publication, Webinar & etc) and the information automatically resize accordingly.

Please refer to their NEWS page on Sherlock Website.

hlkhoo · Accepted Answer

Hi iamteejay,Thank you very much for your answer. Great design you go there and this is what I'm looking for.

iamteejay · Answer

News items make great content manager database material. I'll be jumping quickly as you  may know much already. First add your content manager to site if you haven't already and add a New Collection to call it News. Add your news items, utilize tags to isolate the types of news (i.e. Press Releases, PR...).  Set-up a Filter on your database for these types. One the newly created Dynamic Pages for the Collection, you design it to display your list, but utilize and assign input forms to filter the list. In my case, I wanted to utilize better SEO, so I also created pages where the list where already filtered. But you can see that used the search tool and drop down menu to filter the list right there on the pages. Instead of projects for you, you will have news items. Be mindful, site is still under developmenthttps://seffonz.wixsite.com/abs-2021/projects-2

Community X.

Editor X

How do I display different text (on the same page) that changes when I click on different buttons.