jquery - 在菜单卡上制作第二页

Question

这是我在这里的第一个问题，我尽量把它说清楚。

我有一个可以打开和关闭的 2 页菜单卡。现在我正在尝试在其中制作第二页，这样您就可以再次“翻页”。

DEMO

当你点击'open menucard'时，右上角会弹出3个按钮。当你点击'next'时，接下来的2页应该弹出，当点击'prev'时，这2页应该被删除并显示正常。但是当您点击关闭时，所有页面都应该关闭。

我希望它可以是一个简单的插件，欢迎任何帮助/输入!

Answer 1

从这里开始

$open = $cover.find('a.rm-button-open'),

这是翻页必须点击的按钮

<a href="#" class="rm-button-open">View the Menu</a>

这是点击事件代码

$open.on( 'click', function( event ) {

                openMenu();
                return false;

            } );

这是 openMenu()功能

openMenu = function() {

            $container.addClass( 'rm-open' );

        },

你想把这个 <a href="#" class="rm-button-open">View the Menu</a> 放在哪里是否允许转到下一页由您决定。