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

   });
 });