Sidebar is a narrow vertical area that is located alongside the main display area, typically containing related information or navigation options.This structure shows a responsive menu toggling system. When toggled using the button, the menu will appear/disappear.
NOTE: Data-Target attribute is used in the a
tag to add multiple sidebars in a page. The value of the data-target attribute will be the id of the sidebar container aside
. For Example: if you have created 2 sidebar containers with id=”sidebar1”
and id=”sidebar2”
, the a
used to call those sidebars will have the attribute data-target=”sidebar1”
and data-target=”sidebar2”
respectively. Thus, the data-target attribute is used to make the action and the sidebar containers work collaboratively.