У меня есть скрипт показать / скрыть, который я использую для меню. Когда я нажимаю на основную ссылку, под ней появляется список. Мне было интересно, есть ли способ немного изменить его, чтобы при нажатии на ссылку она открывалась, но когда я щелкаю по следующей, она закрывает другую вместо того, чтобы оставлять их открытыми, если вы не нажмете ее снова, чтобы закрыть.

Вот мой сценарий:

    function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }



<a href="#" onclick="toggle_visibility('list1');">
       <p>List One</p>
       </a>
       
         
           Item One
           Item Two
           Item Three