This example has 1 left sidebar and 1 right sidebar and they are setup in different ways.

The functionality of the left sidebar we already covered here.

The right sidebar has a different setup. First of all it has 2 toggle buttons, one in the header and the other one in the sidebar.

You can have multiple toggle buttons for a sidebar on a page until they are setup exactly the same way.

It's initial state is hidden and on all screen sizes it can be toggled between hidden and normal state. We also specify that we are dealing with the 'l-sidebar-2' and not with the 'l-sidebar-1' (which is the default).

For more information please check out the documentation!