Question

商业网站，具有特定的标签导航代码，允许用户点击和查看信息。

Tab Nav看起来像这样：

详情|运输|返回|生活方式视图

当您点击其中任何一个时，标签下方会显示一个段落，其中包含更多信息。但是会发生的是，所有其他列表项都被推到段落下方而不是保持在当前位置。因此，例如，如果我点击“详细信息”，则“送货”和“退货”标签会被按下。我希望所有菜单项都保持不变，只需在每个菜单下方显示该段落。

非常感谢任何帮助。

该页面可在以下网址找到：

Answer 1

正如我在this JSFiddle中演示的那样，实际上只是将一个in flow元素附加到列表项上。在我提供的示例中，我使用以下jQuery代码将一个段落元素（P）附加到List项元素（li）。

摘录

$("#clickAble").click(function(e) {    
    $("#clickList").append($("<p id='appended'>Hello</p>"));
});

正如你所看到的，他的表现相当明显。这创造了一个粗略的例子，但它仍然是一个有效的例子。