有多個按鈕

Question

我有這個菜單在我的網站上隱藏的div

現在我當你點擊有關我們或學生或事件有新的鏈接出現（崩潰），現在我想是時候關於我們，學生或事件擴大了社交媒體圖標與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條件，因爲它不顯示爲塊，所以它顯示。

這是完全預期的行爲。

我認爲你的'問題'在於你的if條件。

我建議的做法是（也有助於簡化您的選擇器），向您希望在點擊時隱藏社交鏈接的li添加一個類。

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