Я хотел бы использовать SemanticUI для отображения различных боковых панелей на основе выбранного меню.
Я попробовал один способ, но он, похоже, не работает. ссылка Codepen
Здесь у меня есть 2 пункта меню для боковой панели, мне нужно показать «first_sidebar», если я нахожусь внутри меню «First», если я внутри «Second», мне нужно показать «second-sidebar».
Спасибо!
Вы пытаетесь показать и скрыть боковую панель как обычный элемент HTML с помощью jQuery, используя $("div.second_sidebar").hide() и $("div.first_sidebar").show().
Но, поскольку боковые панели являются элементом семантического пользовательского интерфейса, который вы инициализировали с помощью метода .sidebar(), вы должны использовать этот же метод для отображения и скрытия боковых панелей, например:
$("div.second_sidebar").sidebar('hide');
$("div.first_sidebar").sidebar('show');
Ссылка находится здесь: https://semantic-ui.com/modules/sidebar.html#/usage
