Hi There, Currently when a use clicks on a h1 the slide down happens. If you click on another, first item clicked will stay open. I am trying to get the first item to slide up upon clicking on another so there is only one slide down function open at a time.

Also having another issue where the there is supposed to be a fade-in-out upon hover over which is not working.. not a big deal though.

jamilopitts.com/kirby

here is what i'm using now.

   $('article p, article .font-btns').hide();
   $('article h1').addClass('pointer').click(function() {
       var $article  = $(this).parent(),
           $siblings = $(this).siblings();
       if ($article.hasClass('expanded')) {
         $siblings.slideToggle('slow').promise().done(function() {
           $article.removeClass('expanded');
         });
       } else {
         $article.addClass('expanded');
         $siblings.slideToggle('slow');
       }
     });