Я беспокоился, чтобы достичь этого ствиттер-аккордеон:

Как правило, использование аккордеона (плагин bootstraps collapse) не является обязательным.

Чего я хочу достичь это:

использовать начальную загрузку в качестве базовой структуры,имеют фиксированную навигационную панель,иметь полное содержание ширины / высоты без полос прокрутки,иметь 3 отдельных, разборныепанели содержимого (всегда расширяется только один),кликнув по заголовку, развернитепанель содержимого (и рушится ранее расширенный),прокрутка происходит только в одном расширенномпанель содержимого (DIV 1 | 2 | 3 на рис.),когдапанели содержимого свернуты, чтобы скрыть их переполнение,есть каждыйпанель содержимого иметь настраиваемую минимальную высоту (для своего «заголовка»),это правильно работает для адаптивных макетов.

Очень хотелось бы получить помощь по этому вопросу, так как я думаю, что схожу с ума по этому поводу :(

Использование дополнительных плагинов jQuery (например, jQuery UI) «разрешено».