Navegación collapsable con html y css

La idea es realizar una forma de exploración más detallada e intentaré explicarlo lo mejor posible

Se tiene el menu vertical, en este tengo la opción de productos, cuando le de clic debe traerme el lista a la derecha y el menu vertical se colapsa de forma que solo queda una franja con los iconos, después dentro de ese listado de productos tengo los detalles de cada uno, al ir a detalles, se colpasa la lista de productos de forma que ahora se tiene una barra vertical con el menu principal colapsada, seguida de una barra que solo dice productos, y en el lado derecho tengo los detalles, ahora si le doy click a galería, se colapsa los detalles de producto de forma que ahora tendría 3 barrar verticales y en la parte derecha la galería parra ser editada

La idea es que cada parte del menu colapsado sirva como breadcrumbs y la apertura de información se haga de forma ajax y no refrescando la página