Question

我已使用此代码隐藏了特定于单击选项的菜单项，

function hideMacroPairElement() {

    if(document.getElementById('macroPairList').style.display!='none') {

      document.getElementById('macroPairList').style.display='none';
    }

    else
    {


    if(document.getElementById('macroPairList').style.display=='none') {

      document.getElementById('macroPairList').style.display='block';
    }
}}

HTML：

<hr>
    <ul id="menuPanelSubListGroup3" class="collapse librePanelSubListGroupItem">
      <li class="list-group-item librePanelListGroupItem">
        <a data-toggle="collapse" href="#menuPanelSubListGroup4" onclick="hideMacroPairElement()">
          <span>SPS</span>
          <b class="glyphicon glyphicon-menu-down">
          </b>
        </a>
      </li>
    </ul>

但是我想取消所有其他单击选项的菜单项。

Answer 1

您可以尝试按类隐藏它，按id取消隐藏。

使用javascript可能是这样的：

function hideMacroPairElement() {
    var macroPairListElements = document.getElementsByClassName("macroPairList");
    for(var i = 0; i < macroPairListElements.length; i++){
        macroPairListElements[i].style.display='block';
    }
    document.getElementsById("macroPairListElement").style.display='none';
}

使用jQuery可能是这样的：

function hideMacroPairElement() {
    $('.macroPairList').css('display', 'block');
    $(this).css('display', 'none');
}

Answer 2

HTML代码中未提及您的ID macroPairList。尝试使用简单的代码

document.getElementById('YourID').addEventListener('click',hideData);
function hideData(){
    document.getElementById('YourIDtoHide').style.display="none";
}

取消隐藏菜单项

2 个答案: