Gutenberg: Show/Hide Div

• 

  mikehenden · Member · Jul 18, 2025 at 1:46 am

  • Copy link
  • Add topic to favorites

  I’m wanting to add a new feature to a website I built. The client would like to set up a series of buttons (currently 10) with different topics. When you click a button a DIV opens below the buttons and ‘shows’ the relevant content and pushing content lower down the page further down. Clicking the button again (or any other button) ‘hides’ the DIV.
  
  Is there a WP plugin that will achieve this? Or is there a way to do this using HTML/CSS? I have done this sort of thing on other sites but can’t find a way to code in the required tags (mainly element ID) to get this to work.
  
  Any advice appreciated!

• 

  staartmees · Member · Jul 18, 2025 at 7:47 am

  • Copy link

  There are several plugins at https://wordpress.org/plugins/search/expand+collapse/

  If you want to use it on a wordpress.com site – https://wordpress.com/plugins/browse/accordion