jQuery-如果是则显示内容，如果否则重定向？

今天有人给我看了一个网页的模型。这样做的目的是，页面的访问者将看到一个带有问题和“是”和“否”按钮的框

如果他们对该问题单击“是”，下一部分将显示另一个问题和两个按钮“是”和“否”

单击“是”将向访问者显示第三个也是最后一个部分

但是，如果他们在回答前两个问题时单击“否”，他们会看到另一个部分，或者被重定向到另一个页面

我相信这在jQuery中是可能的，并简要介绍了toggle（）和scrollTo（后者似乎很有希望），但我想知道是否有人对如何最好地实现这一点有任何建议

---

提前谢谢

我过去也做过类似的事情。我所做的一件事是，我将其实现为一个“路由”系统，其中第一项不知道最后一项，它只知道后面的内容

考虑以下因素：

<div id="req1" data-yes="#req2" data-no="#reqno">
   Do you do stuff?
   <button class="yes">Yes</button>
   <button class="no">No</button>
</div>

<div id="req2" data-yes="#req3" data-no="#req1">
   <!-- content here... -->
</div>

<div id="req3" data-yes="#done" data-no="">
   <!-- content here... -->
</div>

... and so on

试试这个：

$(".box .yes").click(function(e){
    $(this).closest(".box").hide().next().show();
});
$(".box .no").click(function(e){
    location.href = "/someredirecturl.htm";
});

您的标记看起来像：

<div class="box">
    Question blah blah ... ?
    <span class="yes">Yes</span>
    <span class="no">No</span>
</div>
<div class="box">
    Question blah blah ... ?
    <span class="yes">Yes</span>
    <span class="no">No</span>
</div>
<div class="box">
    Final content
</div>

问题等等？
对
不
问题等等？
对
不
最终内容

---

工作演示：

单击“显示/隐藏页面的各个部分…”。。。

<div class="box">
    Question blah blah ... ?
    <span class="yes">Yes</span>
    <span class="no">No</span>
</div>
<div class="box">
    Question blah blah ... ?
    <span class="yes">Yes</span>
    <span class="no">No</span>
</div>
<div class="box">
    Final content
</div>