问单击链接/按钮时更改div的内容

EN

您可以将每篇文章放在服务器上的一个HTML文件中，每个文件都包含一个div，如下所示(假设该文件名为myArticles.html，与主页位于同一文件夹中)：

<div id='article1'>
    <b>ARTICLE 1</b> This is my first article
</div>

<div id='article2'>
    <b>ARTICLE 2</b> This is my second article
</div>

然后使用jQuery的.load函数通过AJAX将这些数据加载到页面中。

假设文章1的按钮id = 'articleButton1‘，文章2的id = 'articleButton2’(两者都带有href='#'，所以页面不会改变)，那么这个jQuery就可以工作了：

$('#articleButton1').click(function(){
    $('#content').load('myArticles.html #article1');
}

$('#articleButton2').click(function(){
    $('#content').load('myArticles.html #article2');
}

这将从服务器上的该页面中选取正确的div，并将其放入#content div中

您需要了解本教程，

Tabify

http://jquery-ui.googlecode.com/svn/trunk/demos/tabs/vertical.html：jQuery UI垂直选项卡怎么样？

有关jQuery UI选项卡和通过ajax加载内容的更多信息：http://jqueryui.com/demos/tabs/#ajax