Как изменить основной контент при нажатии на элемент боковой панели ⇐ CSS

[Anonymous]

Просматривая stackoverflow, я вижу, что это очень популярная тема с использованием различных IDE, но ни одна из них не подходит для моих нужд.

Я работаю над одностраничным приложением (используя: html, javascript, css), который имеет несколько файлов: основное содержимое, основной заголовок, основной нижний колонтитул, index, stlye, top, сторона.

Код: Выделить всё

Main content

будет отображать содержимое в зависимости от того, какой элемент на боковой панели щелкнут,, а список боковой панели зависит от того, на каком элементе верхней панели щелкнут сверху

Выбор элемента верхней панели и отображение правильной боковой панели работает нормально, но как после этого шага добавить различную информацию в основной контент в зависимости от того, какой элемент боковой панели нажат?

Пример функциональности боковой панели приведен здесь: http://balloob.github.io/react-sidebar/ ... ample.html

так что, если бы я был Чтобы щелкнуть элемент макетного меню 0, определенный контент будет загружен на главную сцену.
Если пункт макетного меню 1, загружается другой контент.
.
.
.
если элемент Mock меню n, загружается n-ный контент

Я хочу отображать HTML-таблицы на главной сцене, когда я могу щелкнуть элемент боковой панели

Я попробовал следующий код, поместив его в файл основного содержимого:< /p>

Код: Выделить всё

function showContent() {
var x = document.getElementById("table");
if (x.style.display === "none") {
x.style.display = "block";
} else {
x.style.display = "none";
}
}

и затем вызов функции со стороны, как показано ниже:

Код: Выделить всё

[*][url=website_name]LINK[/url]

При этом создается только пустая страница с именем имя_сайта

Подробнее здесь: https://stackoverflow.com/questions/539 ... is-clicked