title: jQuery tabs not hiding when file is hosted online
body: <p>I have simple tabs that you can click between and view different content. Clicking hides all #tabs divs and then shows the one you clicked on. The javascript is as follows: </p>
  
  <pre><code>$(document).ready(function(){
      $('#tabs div').hide();
      $('#tabs div:first').show();
      $('#tabs ul li:first').addClass('active');
      $('#tabs ul li a').click( 
          function(){ 
          $('#tabs ul li').removeClass('active');
          $(this).parent().addClass('active'); 
          var currentTab = $(this).attr('href'); 
          $('#tabs div').hide();
          $(currentTab).show();
          return false;
      });
  });
  </code></pre>
  
  <p>And the HTML:</p>
  
  <pre><code>&lt;body&gt;
  
  &lt;div id="container"&gt;
  &lt;div id="header"&gt;&lt;/div&gt;
    &lt;div id="tabs"&gt;
      &lt;ul&gt;
        &lt;li class="firstTab"&gt;&lt;a href="#tab-1"&gt;Tab 1&lt;/a&gt;&lt;/li&gt;
        &lt;li class="tabs"&gt;&lt;a href="#tab-2"&gt;Tab 2&lt;/a&gt;&lt;/li&gt;
        &lt;li class="tabs"&gt;&lt;a href="#tab-3"&gt;Tab 3&lt;/a&gt;&lt;/li&gt;
        &lt;li class="tabs"&gt;&lt;a href="#tab-4"&gt;Tab 4&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;div id="tab-1"&gt;
      &lt;h3&gt;Tab 1&lt;/h3&gt;
      &lt;/div&gt;
  
      &lt;div id="tab-2"&gt;
        &lt;h3&gt;Tab 2&lt;/h3&gt;
      &lt;/div&gt;
  
      &lt;div id="tab-3"&gt;
        &lt;h3&gt;Tab 3&lt;/h3&gt;
      &lt;/div&gt;
  
      &lt;div id="tab-4"&gt;
        &lt;h3&gt;Tab 4&lt;/h3&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="footer"&gt;&lt;/div&gt;
  
  &lt;/body&gt;
  </code></pre>
  
  <p>It works fine when the html file is on my hard drive and looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/RQx2Y.png" alt="enter image description here"></p>
  
  <p>but when I put it on my Dropbox and open it they are all displayed under each other like this:</p>
  
  <p><img src="https://i.stack.imgur.com/DJoSc.png" alt="enter image description here"></p>
  
  <p>Note the same Dropbox-hosted file works fine in Firefox, and the local file on my hard drive works fine in BOTH Chrome and Firefox. It only happens when using Chrome to open the Dropbox-hosted file. The problem must arise from something to do with how Chrome handles files transferred with http versus local files and I dont know anything about that, so please any advice would be great</p>