jQuery切换以保持图像打开，直到关闭上一个下拉菜单？

Question

因此，我正在使用以下JQuery来缩小和扩展此WordPress页面上的图像：它适用于1个下拉菜单，但我需要更多。

jQuery(function($) 
 {
    $('#fl-accordion-5bd9e6909a616-tab-0').click(function ()
    {
        $('.wp-image-2004').toggleClass("grow");
    });

 });

在这个div中，我有3个手风琴下拉菜单。我希望目标图像在打开3个菜单中的“ 1个”时都可以“增长”，并且我希望在关闭所有3个手风琴菜单时将图像恢复到正常大小。

我的问题是当前代码是，如果我的目标是1个以上的手风琴下拉菜单，则每次打开或关闭3个菜单中的任何一个时，图像都会放大和缩小。

我在考虑if或else语句的内容，这些内容将基于此行触发函数：aria-selected =“ false”或“ true”

任何帮助将不胜感激，尽管我仍在学习JQuery，但这项任务远远超出了我的能力。

这就是我现在所拥有的，但是我仍然遇到问题：

  $('.fl-node-5bd9e6909a5dd h3').click(function() {
    $(this).next().slideToggle().toggleClass('visible');
  $('img').toggleClass('grow', $('.fl-node-5bd9e6909a5dd 
div.visible').length != 0);
});

CSS


img[src='http://prontoprogress.com/wp-content/uploads/2018/10/Help-sm-1- 
 700x467.jpg'] {
 width: 70%;
 transition: width 1s;
}
img[src='http://prontoprogress.com/wp-content/uploads/2018/10/Help-sm-1- 
 700x467.jpg'].grow {
  width: 90%;
}