Как получить доступ к узлу сиблинга родителя в javascript?

Question

У меня есть различные вопросы, на мой чаво страницы как этот

<h3><a href="#" onclick="this.parent.nextSibbling.style=toggle_display()">How to signup?</a></h3> 
<div class="info" style="display:none"> 
    This is the hidden answer 
</div> 

Ответ скрыт, и когда пользователь нажимает на звене div под ним appears.Though я могу сделать это с помощью JQuery легко, но я не «т хотите сделать страницу тяжелым, так что я просто с помощью следующей функции

function toggle_display() 
    { 

     var answers=document.getElementsByClassName("info"); 
     for(var i=0;i<answers.length;i++) 
     { 
      //hide all the divs first 
      answers[i].style.display='none'; 
     } 
      //return block as style so that the caller's div answer can be set to block 
     return 'block'; 
} 

Но у меня возникают проблемы доступа к следующему sibbling div из link.What я должен заменить в следующей строке

<a href="#" onclick="**this.parent.nextSibbling**.style=toggle_display()"> 

Answer 1

Если вы хотите получить следующего родственника родительского узла, то ваш код должен быть таким.

this.parentNode.nextSibling 

Answer 2

Для игнорирования текста Dóm узлов и получить право использовать один элемент:

this.parentElement.nextElementSibling.style = ......