Question

我想使用SemanticUI根据所选菜单显示不同的侧边栏

我尝试了一种方法，但似乎没有用。 Codepen link

在这里，我有侧边栏的2个菜单项，如果我在菜单'first_sidebar'内，我需要显示'First'，如果我在'Second里面}'，我需要显示'second-sidebar'。

谢谢！

Answer 1

您正尝试使用$("div.second_sidebar").hide()和$("div.first_sidebar").show()在jQuery上显示和隐藏侧边栏作为普通HTML元素。

但是，由于侧边栏是使用.sidebar()方法初始化的语义UI元素，因此您应该使用相同的方法来显示和隐藏侧边栏，例如：

$("div.second_sidebar").sidebar('hide');
$("div.first_sidebar").sidebar('show');