You can use a link with the href
attribute, or a button with the data-coreui-target
attribute. In both samples, the data-coreui-toggle="collapse""
is required.
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. Feel free to write your own custom Sass, use inline styles, or use our width utilities.
A <button>
or <a>
can show and hide multiple elements by referencing them with a selector in its href
or data-coreui-target
attribute. Multiple <button>
or <a>
can show and hide an element if they each reference it with their href
or data-coreui-target
attribute