1

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

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

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

  1. 打开网页。
  2. 单击按钮“打开”->按钮“打开”消失
  3. 出现“关闭”按钮
  4. 面板向下滑动。

我所拥有的是：

  1. 打开网页 -> 面板已扩展。

  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>

查询：

    $(document).ready(function() {
    
        $("#open").click(function(){
            $("div#panel").slideDown("slow");
        }); 
    
        $("#close").click(function(){
            $("div#panel").slideUp("slow"); 
        });     
    
        $("#toggle a").click(function () {
            $("#toggle a").toggle();
        });     
        
    });

我将不胜感激任何形式的帮助。谢谢你。

4

1 回答 1

2

首先，在您的代码中， 您HTML没有添加，也#panel没有添加任何 内容。CSS
#panel

于 2012-03-31T20:54:33.620 回答