Как в меню аккордеона на bootstrap сделать раскрытие списка не снизу а сбоку?
 

Всем привет! Есть меню-аккордеон на bootstrap. Хочу сделать так, чтобы при нажатии на раскрытие списка - содержимое выводилось в правой области, а не под пунктом меню списка. Как это сделать так, чтобы сохранить адаптивность при этом (на малых разрешениях уже список раскрывается под списком)? Фидл

var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
  acc[i].onclick = function() {
    this.classList.toggle("active");
    var panel = this.nextElementSibling;
    if (panel.style.maxHeight) {
      panel.style.maxHeight = null;
    } else {
      panel.style.maxHeight = panel.scrollHeight + "px";
    }
  }
}