Q:

Как закрыть все divы

Я новичек. Никак не могу разобраться, как закрыть один div если нажимаем на другую кнопку.

<body>
<a onclick="look('about'); return false;" href="#">ABOUT</a>
<a onclick="look('contacts'); return false;" href="#">CONTACTS</a>

<div style="display:none" id="about"><p>about</p></div>
<div style="display:none" id="contacts"><p>contacts</p></div>
<div><p>Постоянный див который не нужно закрывать</p></div>
<script>
  function look(elemId) {
    var elem = document.getElementById(elemId);
    elem.style.display === "none" ?
      elem.style.display = "block" : elem.style.display = "none";
  }
</script>
</body>

A:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<body>
  <a onclick="look('about')" href="#">ABOUT</a>
  <a onclick="look('contacts')" href="#">CONTACTS</a>

  <div style="display:none" id="about">
    <p>about</p>
  </div>
  <div style="display:none" id="contacts">
    <p>contacts</p>
  </div>
  <div>
    <p>Постоянный див который не нужно закрывать</p>
  </div>
  <script>
    function look(elemId) {
      $('#' + elemId).toggle();
      $('#about, #contacts').not('#' + elemId).hide();
    }
  </script>
</body>

