Accordian menu - how to keep first div open by default
<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;script src="jquery.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;

$(document).ready(function() {

$(".content").hide();

    $('.button').click(function() 
        {
            $('.content').slideUp('normal');
            $(this).next().slideDown('normal');
            $(".button1").removeClass().addClass("button");
            $(this).removeClass().addClass("button1");
        });

});

&lt;/script&gt;
&lt;style&gt;
li { list-style:none;}
.button { width: 800px; float: left; background:green; color:#fff; cursor: pointer;}
.button1 {  width: 800px; float: left; background:blue; color:#fff; cursor: pointer;}
.content {  width: 800px; float: left; background: #95B1CE; display: none; }
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;ul&gt;
  &lt;li class="button"&gt;accordian button&lt;/li&gt;
  &lt;li class="content"&gt;Content 1&lt;/li&gt;
  &lt;li class="button"&gt;accordian button&lt;/li&gt;
  &lt;li class="content"&gt;Content 2&lt;/li&gt;
  &lt;li class="button"&gt;accordian button&lt;/li&gt;
  &lt;li class="content"&gt;Content 3&lt;/li&gt;
&lt;/ul&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
