jQuery/Javascript-创建文档系统

有没有像这样的js/jquery脚本：

---

一个左边的菜单，可以更改右边的内容，并可以对其进行搜索。

jsdoc是创建类似文档样式的perl脚本

---

几分钟前，有人发布了几乎完全相同的问题，然后在我提交答案之前删除了该帖子。是你吗？不管怎样，我都不必抱怨，只回答你的问题

来吧

假设您只想更新可见内容或页面而不加载其他内容（完全或通过AJAX），您可以通过一个简单的“tab”脚本来实现这一点——只需将左侧边栏菜单想象为文件夹的选项卡，文件夹的内容在右侧

我们将把左侧边栏的菜单称为“选项卡控制台”，将右侧主容器称为“选项卡窗格”

假设选项卡控制台的html如下所示：

<ul id="tab_console">
    <li id="first"><a href="#">My First Page</a></li>
    <li id="second"><a href="#">My Second Page</a></li>
    <li id="third"><a href="#">My Third Page</a></li>
</ul>

<div id="tab_pane">
    <div id="page_first"></div>
    <div id="page_second"></div>
    <div id="page_this"></div>
</div>

现在，我们需要一个脚本来实现这一切：

$(document).ready(function(){                    // fires when browser loads your html
    $('#tab_console > li').click(function() {    // fires when a tab is clicked
        $('#tab_pane > div').hide();             // hides all tab contents
        $('#tab_pane > #page_' + $(this).attr('id')).show();   // show the selected tab
    });

    $('#tab_pane > li#page_first').show();     // load your default tab
});

不管怎么说，这是最基本的想法。如果您对此感到困惑，我建议您阅读jquery的入门教程

编辑-我应该补充一点，这次发布的示例使用ajax请求。您可以阅读并在适用的情况下更改代码。将内容加载到窗格与显示静态内容一样简单（如果不是更简单的话）

---

提供了一个内置的选项卡插件，但它相当麻烦，而且在我看来，当编写自己的解决方案如此简单时，它是毫无意义的。

谢谢。这些标签很容易实现，但是jqapi还能够搜索导航并生成漂亮的URL，您可以将其作为书签。我想我会借用他们的代码：）

$(document).ready(function(){                    // fires when browser loads your html
    $('#tab_console > li').click(function() {    // fires when a tab is clicked
        $('#tab_pane > div').hide();             // hides all tab contents
        $('#tab_pane > #page_' + $(this).attr('id')).show();   // show the selected tab
    });

    $('#tab_pane > li#page_first').show();     // load your default tab
});