title: How do i change the visibility of multiply objects in an array
body: <p>Currently I am struggling with the next problem.</p>
  
  <p>I want to change the visibility of all array objects to hidden with a for loop when clicking on a button (terug). I have the following code, but this doesn't work:</p>
  
  <pre><code>var titel = $('#wiebenik'); 
  var mijndiplomas = $('#mijndiplomas');
  var mijnwerkervaring = $('#mijnwerkervaring');  
  var mijntalen = $('#mijntalen');    
  var mijnvaardigheden = $('#mijnvaardigheden');  
  var mijntoekomst = $('#mijntoekomst');
  var mijneigenschappen = $('#mijneigenschappen');    
  
  var titels = [titel, mijndiplomas, mijnwerkervaring, mijntalen, 
       mijnvaardigheden, mijntoekomst, mijneigenschappen];
  
      var trgbtn = document.getElementById('terug');
      trgbtn.onclick = function() {
          for (var i = 0; i &lt; titels.length; i++){
          titels.style.visibility = "hidden";
      }
      };
  </code></pre>
  
  <p>Is there a possible way to change te visibility value of all objects to hidden?</p>
  
  <p>Many thanks!</p>