javascript - 根据单击的按钮更改内容

Question

这张图片很容易总结出我正在尝试做的事情

问题是我一生都想不出它会被称为什么，所以很难用谷歌搜索它:)

您可以在其中单击其中一个选项卡，它会更改下面的内容。我什至没有要求你所称的代码，所以我可以做一些搜索:)

Answer 1

它们被称为选项卡式面板（或者，正如@m90 指出的那样：选项卡式导航）。在 Javascript 中实现的一个很好的例子是 jQuery UI 框架。http://jqueryui.com/demos/tabs/。

例如，在实现 HTML 之后，需要调用的只是：

$( "#tabs" ).tabs();

#tabs包含正确标记的 div 的 id在哪里。