JQuery滑动面板 - 点击时按钮不会自动隐藏，面板在加载时打开。

Question

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

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

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

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> 

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
我希望这会有所帮助。