使用jquery加载Ajax FAQ？

我有一个左侧导航页面，列表中有几个主题，一旦您点击链接，我想在右侧加载与这些主题相关的问题。 在页面加载时，我在右侧区域加载前10个问题，但是一旦用户点击左侧的主题之一，我希望前10个问题消失并用ajax加载新问题。 所有这些问题都有自己的页面，我只需要找到一个好的ajax解决方案来加载它们。 请建议一个最好的方法来解决这个问题。 我想实现这个美国的jquery

这是我的代码的粗略示例

• 主题1
• 主题2
• 主题3
• 主题4

这是问题1 这是答案1 1

Answer 1

您可以使用jQuery.load()来加载页面。

 $('#topic').load('topics/topic1.html'); 

其中#topic是要加载答案的容器的id 。

Answer 2

您可以一次性加载整个内容

但所以只有ans1 div初始加载并隐藏剩余的。

当你点击question2超链接隐藏ans1 div并显示ans2 div。

Answer 3

重复你的html，并为加载函数添加一个登陆点：

  
 
Topic 1 
 
 
Topic 2 
 
Topic 3 
 
Topic 4