单击时隐藏/显示的javascript-要再次添加单击时隐藏吗

我正在使用隐藏/显示脚本。该div将隐藏，直到单击/点击另一个div。当用户单击另一个触发器时，原始的hide/show div将再次隐藏。下面是一个示例-单击任意图标

如果再次单击同一图标，我希望隐藏/显示div再次隐藏，因此：单击图标一次，div显示，再次单击同一图标，div隐藏

我已经在多个页面上使用了这个脚本，所以我希望能够修改它

CSS和HTML：

jQuery（函数（）{
jQuery（'#showall'）。单击（函数（）{
jQuery（'.targetDiv'）.show（）；
});
jQuery（'.showSingle'）。单击（函数（）{
jQuery（'.targetDiv'）.hide（）；
jQuery（'#div'+$（this.attr（'target'））.show（）；
});
});
#第1部分{
位置：绝对位置；
顶部：145px；
左：310px；
显示：无；
}
#第二组{
位置：绝对位置；
顶部：167px；
左：486px；
显示：无；
}
#第三组{
位置：绝对位置；
顶部：125px；
左：630px；
显示：无；
}
#第四组{
位置：绝对位置；
顶部：486px；
左：240px；
显示：无；
}
#第五组{
位置：绝对位置；
顶部：457px；
左：710px；
显示：无；
}
这里修改了您的代码，并按照您的预期工作

<div>
<div id="div1" class="targetDiv"><img  width="140" height="82" alt="" /></div>
<div id="div2" class="targetDiv"><img  width="133" height="60" alt="" /></div>
<div id="div3" class="targetDiv"><img  width="384" height="151" alt="" /></div>
<div id="div4" class="targetDiv"><img  width="162" height="96" alt="" /></div>
<div id="div5" class="targetDiv"><img  width="231" height="150" alt="" /></div>
<div>

你想要jquery的$（…）。切换（…）你能详细说明一下吗？看起来我必须用toggle重新开始-这里有一个使用我引用的代码的页面链接：不，没有必要重新开始！您可以将toggle（）替换为show（）和hide（）在代码片段中应该有我们可以点击的东西吗？切换正是我想要的-感谢大家的帮助-非常感谢。哦-我刚刚抓到一件事-我需要当前切换的div在切换另一个div时再次隐藏-可能吗？Hi@phillystyle123，我已经根据你的要求更新了代码，请检查一下，请告诉我任何错误哇-完美。非常感谢。
    jQuery(function() {
  jQuery('#showall').click(function() {
    jQuery('.targetDiv').show();
  });
  jQuery('.showSingle').bind('click', function() {
    jQuery('#div' + $(this).attr('target')).toggle('show');
    jQuery('#div' + $(this).attr('target')).siblings().hide();
  });
});