使用多个按钮隐藏div

Question

我的网站上有这个菜单

现在当我点击关于我们或学生或事件时，会出现新的链接（崩溃），现在我想要的是关于我们，学生或事件扩展社交媒体图标随jQuery消失 我试图将隐藏的类添加到它工作的图标，但是当你展开另一个链接时它再次出现

jQuery('#block-expandedmenu li:nth-child(2),#block-expandedmenu li:nth-child(5),#block-expandedmenu li:nth-child(14)').click(function(){
if ($social.css('display') == "block")
{
  $social.hide();
}
else
{
  $social.show();
}});

请尽可能帮助！ 感谢

Answer 1

在这里考虑工作流程：

点击链接，社交显示为block，因此隐藏。

您之后直接点击其他链接，社交不再满足if条件，因为它不显示为块，因此显示。

这是完全预期的行为。

我认为你的问题是＆＃39;与if条件有关。

我建议的方法是（也有助于简化您的选择器），向li添加一个类，您希望在点击时隐藏您的社交链接。因此，如果您有一个类hide-social，则可以按如下方式重构代码：

jQuery('#block-expandedmenu li').click(function(){ // Trigger on all li elements
     $social.toggle(!$(this).hasClass('social-hide')); // Toggle visibility based on class
});