Jquery手风琴选项卡显示依赖于从上一个选项卡中选择的信息

Question

我想要一个垂直样式的手风琴选项卡。

在第一个选项卡上，用户会被问到一个问题，比如"水果还是蔬菜？"

点击"水果"图像会自动移动到第二个选项卡，该选项卡会询问"苹果、香蕉还是葡萄？"

现在让我们假设用户在第一个选项卡中选择了素食…自动移动到第二个选项卡（再次），但现在问"胡萝卜、芹菜还是土豆？"

第二个选项卡中的显示元素取决于第一个选项卡中用户的选择。因此需要调用数据库。然而，我试图通过利用jquery滑块效果来避免用户移动到多个页面，以使用户看起来永远不会移动页面。

有人知道我从哪里开始吗？示例？模板还是插件？甚至关键字搜索？

我真的很感谢你抽出时间。

Answer 1

单击时，使用jQuery加载来加载下一个选项卡中的内容。

$(".tab a").click(function(){
      qAns = $(this).attr('id'); 
      $(this).children(".tab-content").load("content.php", {anwser: qAns});
});

使用类似的方法将选项卡更改为下一个：

var selected = $("#tabs").tabs("option", "selected");
$("#tabs").tabs("option", "selected", selected + 1);