jquery - 滑动面板显示

Question

我已经用简单的 jQuery 制作了一个滑动面板，但这并不是我想要的。

我想要的就是这个，但只有当你点击“显示”时出现的面板。现在，我的面板执行“叠加”命令，这是我不想要的。我试图从上面的网站中提取代码，但它是一团糟。

如果你们中的任何人能想出一个滑动面板“Reveal”，我将不胜感激。最好使用 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);
            });
        });
});

Answer 1

这个答案很晚，但对于任何路过的人来说，这里是 jQuery Mobile 和“Revealing”面板的一个很好的起点。

左右滑动面板都有示例，并且源代码很容易获得。