title: Generic Javascript Logic structure
body: <p>I do I write this in basic javascript syntax</p>
  
  <p>If DIV1 is visible DIV3 should be able to toggle HIDE/SHOW DIV1
  If DIV2 is visible DIV3 should be able to toggle HIDE/SHOW DIV2</p>
  
  <p>I want to be able to toggle whichever toggle view is showing up. If that makes sense.</p>
  
  <p>I do not know how to add the second set of toggle logic to this.</p>
  
  <pre><code>function toggleMenuDiv() {
  var full = document.getElementById('full');
  var thumb = document.getElementById('fullthumb');
  var butt = document.getElementById('button');
     if (full.style.display == 'none') {
       full.style.display = 'block';
       thumb.style.display = 'none';
       butt.innerHTML = 'THUMB VIEW&lt;span class="arrow-e"&gt;&lt;/span&gt;';
     }
     else {
       full.style.display = 'none';
       thumb.style.display = 'block';
       butt.innerHTML = 'FULL VIEW&lt;span class="arrow-e"&gt;&lt;/span&gt;';
     }
  }
  </code></pre>