[Support request] how to use a button to display or hide content

[Dennis]

Hello, I’d like to use a button similar to the one displayed in the page attached, that toggles between individual and couple, and then immediately displays the correct price. Can i do that with GeneratePress Premium or GenerateBlocks and if so could you give me direction on that?

I found a plugin called toggle-content but naturally would prefer to avoid another plug-in if not needed.

Thanks! Dennis

[Leo]

Hi there,

This isn’t something GP/GB can do by default so it will require a custom solution.

If the plugin you found works for you then I’d say that’s the best method.

Hope this helps 🙂

[Dennis]

Hi Leo, thank you. Before I move to the plugin, I’ve attached the page I’m working on (draft) to be more specific about my question. There are 2 actions I’m needing helping with.

First, I would want the 2 buttons (for Individual and Couple) to only allow one button to be selected at a time.

Second, the button that is selected would display the particular container relevant to that button. For example, selecting Individual would display a particular container ; clicking on the Couple button would deselect the Individual button and then display a different container.

I kept looking and found this method that seems to allow for toggling displayed text on or off…could that help here?

Thanks! Dennis

[Fernando]

Hi Dennis,

Yes, this can be done through JS code, though this would be out of our scope. You could try looking for a plugin as well.

Basically, if through JS code, you’ll need to create an onclick event for the button to add a class to your containers. So, if “Individual” is selected, add “display” class to container-1 and remove “display” class for container-2 for instance. Vis versa for the Couple button.

Personally, it might be better to code this than to use a Plugin if it’s that simple.

[Author]

Posts