如何在加载页面后隐藏jpanelmenu

Question

请转到我的FIDDLE。我想在加载页面后隐藏该Jpanel。我怎么能这样做？

这是来自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

你试过这个：

$(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

   });
 });