var $mytoggle = jQuery.noConflict();
$mytoggle(document).ready(function() {
 $mytoggle("#comment-area").hide();

 var my_a = $mytoggle("<div id=toggle-comment><a>Leave a Comment</a></div>").attr('href','#').addClass("comment-slide-btn");
 $mytoggle('#after-post').before(my_a);


   $mytoggle(".comment-slide-btn").click(function(){

      if ($mytoggle("#comment-area").is(":hidden")) {
        $mytoggle("#comment-area").slideDown("slow");
        $mytoggle(this).addClass("active");
         $mytoggle.cookie('showTop', 'collapsed');
        return false;

      } else {
        $mytoggle("#comment-area").slideUp("slow");
        $mytoggle(this).removeClass("active");
        $mytoggle.cookie('showTop', 'expanded');
        return false;

      }

   });

// COOKIES
    // Header State
    var showTop = $mytoggle.cookie('showTop');

    // Set the user's selection for the Header State
    if (showTop == 'collapsed') {
        $mytoggle("#comment-area").show();
        $mytoggle(".comment-slide-btn").addClass("active");

    };

});

