如何在加载页面后隐藏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
   });
 });