jquery - How to hide jpanelmenu after load page -

please go fiddle. want hide jpanel after load page. how can that?

here code 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");   }); }); 

have 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 line     });  });