jquery - How to hide jpanelmenu after load page

Question

Please go to my FIDDLE. I want to hide that Jpanel after load the page. How can I do that?

here is the code from FIDDLE.

JQuery

$(document).ready(function () {
   var jPM = $.jPanelMenu({
      menu: '#menu',
      trigger: '.menu-trigger',
      duration: 300
   });
   jPM.on();

   $(".menu").click(function(){
      var url = $(this).attr("link");
      alert(url);
      $( "#contents" ).load(url+" #area");
  });
});

Answer 1

Have you tried this:

$(document).ready(function () {
  var jPM = $.jPanelMenu({
   menu: '#menu',
   trigger: '.menu-trigger',
   duration: 300
  });
  jPM.on();

   $(".menu").click(function(){
   var url = $(this).attr("link");
   alert(url);
   $( "#contents" ).load(url+" #area");
   jPM.close();//Add this line

   });
 });