JQuery滑动面板 - 单击按钮时不会使其自身不可见，并且面板在加载时打开。

Question

我一直试图弄清楚如何使滑动面板正常工作。面板的滑动部分完美无缺，我的问题是：

• 面板在加载时展开。
• 假设关闭/打开的按钮（两个不同的按钮）在点击后不会自我隐藏。

所以基本上我想要实现的是：

1. 打开网页。
2. 点击“打开”按钮 - ＆gt;按钮“打开”消失
3. 按钮“关闭”出现
4. 面板正在向下滑动。

我所拥有的是：

1. 打开网页 - ＆gt;小组已经延期。
2. 点击“打开”按钮。

3. 什么都没发生。

   关闭按钮未显示，面板未触动。这是我的编码：

HTML代码：

            <div id="toggle" style="list-style: none;">
                <input id="open" class="open" href="#" type="button" value="Open" />
                <input id="close" style="display: none;" class="close" href="#" type="button" value="Close" />              
            </div> 

JQuery的：

    $(document).ready(function() {

        $("#open").click(function(){
            $("div#panel").slideDown("slow");
        }); 

        $("#close").click(function(){
            $("div#panel").slideUp("slow"); 
        });     

        $("#toggle a").click(function () {
            $("#toggle a").toggle();
        });     

    });

我希望得到任何帮助。谢谢。

Answer 1

首先，在您的HTML代码中，您未添加#panel，并且未添加任何CSS 我不知道你想在#panel中拥有什么，但我做了类似的事情：
Here
我希望它会有所帮助。