Javascript 展开所有菜单并关闭它们

我正在尝试创建一个jquery脚本，它可以在单击时展开和关闭所有菜单。还有，我需要把它全部折叠起来

以下是我迄今为止编写的代码：

HTML:

jQuery：

$(document).ready(function(){
    $('plus').on('click' , function() {
        $('.first-tab-at services-top services-top-toggle').toggle();
    });
});

因此，当点击“加号”图像时，我需要展开菜单，然后“减号”图像将出现在“加号”位置。单击“减号”图像将折叠菜单

---

我想用它一次点击就展开和折叠多个菜单。

我看不出切换命令将实现什么，因为它与发布的HTML无关。但是，请尝试使用加号和减号图标实现此示例-

---

下面的代码是实现所需功能的几种方法之一。在（'click'，function（）{上，您缺少了从

$（'.plus'）到（'click'，function（）{

的句号，这对您没有帮助

$（文档）.ready（函数（）{
$（'.plus'）。在（'click'，function（）上{
$（'ul'）.removeClass（'hidden'）；
$（'.减号'）.show（）；
$（'.plus'）.hide（）；
});
$（'.减号'）。单击（函数（）{
$（'ul'）.addClass（'hidden'）；
$（'.plus'）.show（）；
$（'.减号'）.hide（）；
});
})；

.plus>a>img{
边界：无；
右边距：5px；
边缘顶部：8px；
显示：块；
}
.减去{
显示：无；
}
.隐藏{
显示：无；
}

一,
二,


三,
四,

我已将最后一个响应标记为正确，因为它在这方面帮助了我。以下是我编写的jQuery代码：

    .plus > a > img {
    border: none;
    margin-right: 5px;
    margin-top: 8px;
    display: block;
}
.minus {
    display: none;

$(document).ready(function(){
    $('plus').on('click' , function() {
        $('.first-tab-at services-top services-top-toggle').toggle();
    });
});

$(document).ready(function () {
    $('.plus a img').on('click', function () {
        console.log('plus clicked');
        $('.first-tab-at services-top services-top-toggle').toggle();
        $('.plus').hide();
        $('.minus').show();
    });
    $('.minus a img').on('click', function () {
        console.log('minus clicked');
        $('.first-tab-at services-top services-top-toggle').toggle();
        $('.minus').hide();
        $('.plus').show();
    });
});