Javascript 手风琴风格常见问题解答，分两个级别

我正在使用Squarespace来建立我的网站，因为我是一个编码新手。我在网上找到了一些代码来实现我正在尝试构建的手风琴式FAQ。我在页眉中注入了这段代码。然后我把FAQ内容放在一个降价块中，对h3标题使用降价符号########对h4标题使用降价符号。因此，我在markdown FAQ中有两种类型的标题，然后在javascript代码中以它们为目标，默认情况下折叠并展开以在单击时显示相应的段落

我首先只使用了h4标题和下面的代码。正如您在网页上所看到的那样，此操作非常平滑

$（文档）.ready（函数（）{
$（'.markdown block.sqs block content h4'）.css（'cursor'，'pointer'）；
$（“.markdown block.sqs block content h4”）.nextUntil（“h4”）.slideToggle（）；
$（“.markdown block.sqs block content h4”）。单击（函数（）{$（this.nextUntil（“h4”）.slideToggle（）；}）；
});

在另一个页面上，我需要两个级别来默认折叠。所以我想我只是添加了相同的代码，但是用h3替换h4。这给出了下面的代码。不幸的是，这并不像您在第页（第+2项）上看到的那样有效。默认情况下，所有文本都可见，h4标题（+2.1，+2.2，…）消失。当我点击h3（+2…）时，h4标题突然出现

我只想在默认情况下显示h3标题。当有人点击它时，下面的段落应该显示是否没有h4标题。如果有h4标题，这些标题应首先显示折叠标题，只有当有人单击它们时，才会显示相应的段落。所以我想要两个级别的标题，通过点击它们可以完全折叠和完全展开

要做到这一点，我应该在下面的代码中更改什么

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
        $('.markdown-block .sqs-block-content h4').css('cursor','pointer');
        $(".markdown-block .sqs-block-content h4").nextUntil("h4").slideToggle();
        $(".markdown-block .sqs-block-content h4").click(function() {$(this).nextUntil("h4").slideToggle();});
        });
        </script>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
        $('.markdown-block .sqs-block-content h3').css('cursor','pointer');
        $(".markdown-block .sqs-block-content h3").nextUntil("h3").slideToggle();
        $(".markdown-block .sqs-block-content h3").click(function() {$(this).nextUntil("h3").slideToggle();});
        });
        </script>

$（文档）.ready（函数（）{
$（'.markdown block.sqs block content h4'）.css（'cursor'，'pointer'）；
$（“.markdown block.sqs block content h4”）.nextUntil（“h4”）.slideToggle（）；
$（“.markdown block.sqs block content h4”）。单击（函数（）{$（this.nextUntil（“h4”）.slideToggle（）；}）；
});
$（文档）.ready（函数（）{
$（'.markdown block.sqs block content h3'）.css（'cursor'，'pointer'）；
$（“.markdown block.sqs block content h3”）.nextUntil（“h3”）.slideToggle（）；
$（“.markdown block.sqs block content h3”）。单击（function（）{$（this.nextUntil（“h3”）.slideToggle（）；}）；
});

不要多次添加jQuery（我们也不需要看到），您的各种语句都可以放在一个

文档中。ready

块。此外，我们需要在此处查看您的HTML示例。链接到其他网站是不够的。请在问题中包含所有相关代码，而不仅仅是在外部网站上。在这种情况下，需要一个HTML示例来重现问题。您可以使用提供可运行的代码示例。

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
        $('.markdown-block .sqs-block-content h4').css('cursor','pointer');
        $(".markdown-block .sqs-block-content h4").nextUntil("h4").slideToggle();
        $(".markdown-block .sqs-block-content h4").click(function() {$(this).nextUntil("h4").slideToggle();});
        });
        </script>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
        $('.markdown-block .sqs-block-content h3').css('cursor','pointer');
        $(".markdown-block .sqs-block-content h3").nextUntil("h3").slideToggle();
        $(".markdown-block .sqs-block-content h3").click(function() {$(this).nextUntil("h3").slideToggle();});
        });
        </script>