滑动面板显示

我已经制作了一个简单的jQuery滑动面板，但它不完全是我想要的。滑动面板显示

我想要的，实际上是this，但只有当您点击“显示”时出现的面板。现在，我的面板执行“Overlay”命令，这是我不想要的。我试图从上面的网站提取代码，但它是一团糟。

如果你们中的任何人都能拿出滑动面板“显示”，我将非常感激。最好使用jQuery。

预先感谢您！

这是我当前的代码：

$(document).ready(function(){ 
    $('#show_menu').on('click' , function() { 
     $('div.panel').animate({ 
      'width' : 'show'} ,500, 
      function() { 
       $('div.home').fadeIn(400); 
     }); 
    }); 

    $('span.close').on('click' , function() { 
     $('div.home').fadeOut(400 , function() { 
      $('div.panel').animate({ 
       'width':'hide'}, 500); 
      }); 
     }); 
});

来源

2013-04-20 user2301655

你能举一个你正在使用的代码的例子吗？文档说默认是'Reveal'，如果你看看选项，它会显示显示所需的标签。也许阅读入门页面。 – 2013-04-20 08:39:06

我将我的编码添加到原始文章中。上面的网站上的代码是用于jQuery Mobile，而不是普通的jQuery。我不确定您是否可以使用移动插件来进行桌面PC查看，如果这样做是有道理的。 – user2301655 2013-04-20 09:10:32

这个答案是迟，但任何人都停止了，这里是jQuery Mobile的和“泄露”面板一个good起点。

右侧和左侧滑动面板都有示例，并且源代码已经可用。

来源

2018-01-11 14:43:52 UrbanCohort

很酷，感谢链接+1 – user94614 2018-01-15 17:45:42

滑动面板显示

回答

相关问题