title: jQuery tabs not working in IE6-7
body: <p>I´m using some jQuery to make tabs on this page:
  <a href="http://johandahl.com/wp/malmocityfastigheter/ekonomi/" rel="nofollow">http://johandahl.com/wp/malmocityfastigheter/ekonomi/</a> </p>
  
  <p>But, they are not working in internet explorer 6-7. The tabbed areas doesnt hide and are just stacked beneth each other. Any ideas what could be wrong here?</p>
  
  <p>This is what my jQuery code looks like:</p>
  
  <pre><code>/* TABS */
  jQuery(document).ready(function($){
  
  $('ul.tabs').each(function(){
  // For each set of tabs, we want to keep track of
  // which tab is active and it's associated content
  var $active, $content, $links = $(this).find('a');
  
  // Use the first link as the initial active tab
  $active = $links.first().addClass('active');
  $content = $($active.attr('href'));
  
  // Hide the remaining content
  $links.not(':first').each(function () {
  $($(this).attr('href')).hide();
  });
  
  // Bind the click event handler
  $(this).on('click', 'a', function(e){
  // Make the old tab inactive.
  $active.removeClass('active');
  $content.hide();
  
  // Update the variables with the new link and content
  $active = $(this);
  $content = $($(this).attr('href'));
  
  // Make the tab active.
  $active.addClass('active');
  $content.show();
  
  // Prevent the anchor's default click action
  e.preventDefault();
  });
  });
  });
  </code></pre>
  
  <p>Here is a sample of the html for this:</p>
  
  <pre><code>            &lt;ul class='tabs'&gt;
                  &lt;li&gt;&lt;a href='#beskrivning'&gt;Om adressen&lt;/a&gt;&lt;/li&gt;             
                  &lt;li&gt;&lt;a href='#aktuellt'&gt;Aktuell information&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
  
          &lt;div class="entry-about"&gt;           
              &lt;div id='beskrivning'&gt;
  
              &lt;/div&gt;
  
  
              &lt;div id='aktuellt'&gt;
  
              &lt;/div&gt;
  
  
          &lt;/div&gt;
  </code></pre>
  
  <p>Comparing IE and Chrome for example shows that in Chrome the inline styles of "display: block; " and display: none; " are added correctly to my tabbed areas. But in IE Developer Tools, no such styles are added - yet there is no error in my jQuery either. Ideas?????</p>