Javascript Jquery/AJAX滑动菜单-CrazyEgg-用于常见问题

我在弄清楚Crazy Egg在他们的F.a.Q.s.中使用了什么方面遇到了一些困难。我想完全实现同样的事情（点击后问题向下滑动，并显示当前活动问题的蓝色框）

Ex）

---

我浏览了代码，看到它有javascript事件，但我自己无法编写脚本。是否有一个插件可以用于此行为？我想是某种显示/隐藏div的形式吧？

您应该能够使用jquery自己编写代码。只需看看非常基本的jQuery教程，其中介绍了选择器、隐藏、显示和单击事件。您只需为单击的每个标题分配一个id，然后单击即可隐藏所有内容并显示单击的标题。你应该在网上读一些东西，尝试一些东西，然后带着代码回来问问题

使用jQuery的

slideToggle

功能可以轻松实现此效果：

HTML:

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

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

JSFiddle：