Question

我在弄清楚Crazy Egg用于他们的F.A.Q.s时遇到了一些麻烦。我想准确地实现同样的事情（点击时向下滑动的问题 - 并显示当前活动问题的蓝色框）。

我浏览了代码，我发现它有javascript事件，但我自己无法编写脚本。有没有我可以用于此行为的插件？我认为某种形式的显示/隐藏div？

Answer 1

您应该能够使用jquery自己编写代码。只需查看非常基本的jQuery教程，该教程将覆盖选择器，隐藏和显示和点击事件。您所做的只是为您单击的每个标题分配一个ID，然后单击您隐藏所有内容并显示单击的标题。你应该在线阅读一些东西，尝试一些东西，然后带回代码并提出问题。

Answer 2

使用jQuery的slideToggle函数

可以轻松实现此效果

<强> HTML：

<span class="faq">This is a FAQ question...</span>
<div class="answer" style="display: none;">
    And this is the answer.
</div>

<强> JavaScript的：

$(document).ready(function(){
    $(".faq").click(function(){
        $(this).next("div.answer").slideToggle();
    });
});