滑动面板显示

Question

我已经使用简单的jQuery创建了一个滑动面板，但它并不是我想要的。

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

如果你们中的任何一个人想出一个滑动面板“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”面板的good起点。

右侧和左侧滑动面板都有示例，并且可以随时使用。