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
a used to call those sidebars will have the attribute
data-target=”sidebar2” respectively. Thus, the data-target attribute is used to make the action and the sidebar containers work collaboratively.