Hello,

I am working on our site and we have an elaborate sidebar section in our children's section.

I was wondering how I could get my sidebar to look like this one.

As you can see, you can extend the block.

I am all about presentation and I do not want trails of information dragging on the sidebar.

Especially if the main content is not as long.

Thanks!

Comments

VM’s picture

menus in separate blocks use and style https://www.drupal.org/project/collapsiblock else investigate the DHTML menu module and style

The theme in the example you provided is boostrap as such there may be a bootstrap add on or bootstrap specific styling that is required.

V. Noel’s picture

I am still very confused by what you said. :/

I am a newbie and that stuff does not make any sense to me at all.

VM’s picture

are you using the bootstrap theme?

gausarts’s picture

If using bootstrap, this may require work either with JS, or custom theming with your particular menu block:
http://getbootstrap.com/javascript/#collapse

If not, this may help get you started in the right direction:
http://www.jacklmoore.com/notes/jquery-accordion-tutorial/
http://www.jacklmoore.com/demo/accordion.html#improved

The structure is matching Drupal menus except for DIV .content which is equivalent to sub-menu UL.menu.
Change all CSS selectors to match your Drupal ones.
You can append the caret (+ icon) either using jquery .append(), or the theme_menu_link(), or other theme where appropriate.
I have been using the later solution for custom mobile menus with success, so you can, too.
Use firebug for FF, or press f12 for Chrome to help you more.

love, light n laughter

V. Noel’s picture

Thanks so much for the information. I am not sure if I am using bootstrap. We got a premium theme. I think this is just way over my head so I might just forget about it.