Tabindex Dosent隐藏了li标记内容

Question

enter image description here当用户点击链接

时，我想关注li标签

<li id="secondli"><a onclick="showscndbox();" id="secondlink" >How  can I upload with my membership?</a></li>// tab to be clicked


<div class="col-md-12 col-sm-12 col-xs-12" id="secondbox" style="display:none;" >
  <div class="col-md-12 col-sm-12 col-xs-12 pro-box-in-faq" > 
    content to hide or show
  </div>
</div>

有19个li代码，我想让li代码可以点击并让其他div隐藏

function showthrdbox()   {
  //ta
  document.getElementById("thirdbox").style.display = "block";

  $("#thrdli").attr('tabindex',2).focus();

  document.getElementById("secondli").removeAttr('tabindex');
  document.getElementById("secondbox").style.display = "none";
}

此脚本专注于所点击的li标记，但不会让另一个div隐藏。请让我知道解决方案。

Answer 1

这是你想要的吗？目标李将被聚焦，其他lis将被隐藏？ 如果是这样，请检查以下代码：

function showscndbox(e) {
    var anchor = e.target;
    var p = anchor.parentNode;
    var pp = p.parentNode;
    for (var i in pp.childNodes) {
        var child = pp.childNodes[i];
        if (child != p) {
          child.style.display = "none";
        }
    }
    p.style.display = "";
}