title: jquery Accordion - how to open the second tab by default on page loading
body: <p>i'm an absolute noob to jquery and javascript, and really i'm just using a simple code i've found online.
  This creates an accordion list, but I would like to open the second tab (or any tab other than the first) on page loading.
  Then, when clicking on any other tab, the tab opened by default should be closed.</p>
  
  <p>This is the code i'm using:</p>
  
  <pre><code> &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;Document&lt;/title&gt;
  
  &lt;style&gt;
      .accord-content { display: none; }
  &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div class="accordion"&gt;
      &lt;div class="accord-header"&gt;Header 1&lt;/div&gt;
      &lt;div class="accord-content"&gt;This is the content for the first header.&lt;/div&gt;
      &lt;div class="accord-header"&gt;Header 2&lt;/div&gt;
      &lt;div class="accord-content"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit.&lt;/div&gt;
      &lt;/div&gt;
  
  &lt;/body&gt;
  
      &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
      $(document).ready(function() {
      $(".accordion .accord-header").click(function() {
      if($(this).next("div").is(":visible")){
      $(this).next("div").slideUp("slow");
      } else {
      $(".accordion .accord-content").slideUp("slow");
      $(this).next("div").slideToggle("slow");
      }
      });
      });
      &lt;/script&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>How can I achieve this? 
  The simplest, the better.</p>
  
  <p>Thanks yo everyone in advance.</p>