PDA

View Full Version : Tabs with responsive accordions inside (for navigation)



actix
09-24-2014, 11:42 AM
Hi, I'm new to the forum and to Bootstrap (I know some basic HTML/CSS but not much beyond that).
Now that I've figured out what Boostrap actually is I believe its website examples (possibly along with a free template or two) will be sufficient to help me get started with my responsive website.

However, I could need help with the FAQ section of the site which will be more complicated because of its navigation system which I suggest should be something like this:
http://i156.photobucket.com/albums/t30/dsp2716-yyyy/Web%20forum%20stuff/faq_navs_zps0368d7dc.png

First, (being a large FAQ) I'm going to split it up into 3 sections. Tabs at the top should handle this, and each tab should contain the appropriate FAQ section content (text/images).
An accordion inside each of the 3 tab sections will be used to neatly organize the questions/answers.
And on the right hand side will be a navigation system to quickly access the different FAQ questions (the one used in this Bootstrap example (http://getbootstrap.com/getting-started/) looks nice as it follows the page scrolling). The whole page/site should be responsive.

I've found several responsive tabs and likewise accordions, but none that combine the two (tabs with accordions inside). Is there anything like that around, or an easy way to implement this?