(Javascript) Div toggle and cookies
<p>I want to toggle a div#featuredout using a button .featToggle and I want the browser to remember via cookies whether the div#featuredout should be hidden or shown. If possible, I'd like it to be so that if #featuredout is hidden, .featToggle should have an additional class of "hidden" and if #featuredout is shown, .featToggle should have an additional class of "shown".</p>

<p>I'm very very inexperienced with Javascript so any help would be great.</p>

<p>This is my current code:</p>

<pre><code>$(document).ready(function() {
    // When the toggle button is clicked:
  $('.featToggle').click(function() {
  $('#featuredout').slideToggle(550);
    var featuredoutC = $.cookie('featuredout');
    if (featuredoutC == null) {$.cookie('featuredout', 'expanded');};
    else if (featuredoutC == 'expanded') {$.cookie('featuredout', 'collapsed');};
  });
});
// COOKIES
    // state
    var featuredout = $.cookie('featuredout');
    // Set the user's selection for the left column
    if (featuredout == 'collapsed') {
        $('#featuredout').css("display","none");
        $.cookie('featuredout', 'collapsed');
    };
});
</code></pre>
