Bootstrap's collapse provides the way to toggle the visibility of any content or element. Please read the official Bootstrap documentation for a full list of options.

Link with href Button with data-bs-target

The collapse plugin also supports horizontal collapsing. Add the .collapse-horizontal modifier class to transition the width instead of height and set a width on the immediate child element.

Toggle width collapse

Multiple <button> or <a> can show and hide an element if they each reference it with their href or data-bs-target attribute

Toggle first element Toggle second element Toggle both elements