Javascript 在jQuery中使用切换隐藏/显示div的方法

我正在考虑实施类似于李在中所做的事情。 我应该使用吗？也许有人能提供一些样品 我可以从代码开始吗？（我是jQuery新手）

请查看以下帖子：

---

我认为它应该用于隐藏/显示。

回答你的问题非常困难。但是显示和隐藏div非常简单，只需使用

.toggle（）

---

您可以尝试jQueryUI手风琴，而不是发明自己的轮子。这些链接可能对您有所帮助

---

您不需要任何复杂的插件，您可以用jquery完成所有这些。这是我快速制作的样品。这真的很简单

html

<div id="outer"> 
    <p>Some outer content </p>
   <div id="inner">Slider Content </div> 
</div> ​

JS

  $('#outer').hover(
    function(){
       $('#inner').animate({ top: '0%' }, 'easein' );  
    }, 
    function(){
       $('#inner').animate({ top: '100%' }, 'easein' );  
    }        
   ); ​

---

它正在发挥作用

但是看看div是如何向上滑动的请编辑您的问题使其更容易理解Tom看看我的答案，看看如何模仿这个动作。不需要插件，jquery就足够了。看看我的帖子。当我确实需要一些东西时，我会先在谷歌上搜索一下。当有很多优秀的插件具有复杂的功能时，我不会浪费时间创建自己的插件&顺便说一句，使用插件并不比编写自己的代码来模仿它困难和复杂。这并不复杂，相当简单。对于那些不会编写代码的人来说，这很复杂，在这种情况下，请继续编写并包含数千行您并不真正需要的代码。你的选择。顺便说一句，这个插件甚至没有真正做到这篇文章希望它做的事情。我并不反对插件，只是反对不能独立思考，不能意识到什么东西是简单的，不需要一个臃肿的插件。我用了8行代码，你建议的插件有多少行代码？

#outer{
   height: 200px; 
   width: 200px; 
   background-color: brown; 
   overflow: hidden; 
   position: relative;     
}
#inner{ 
    height: 200px;
    width: 100%;     
    background-color: green;
    position: absolute; 
    top: 100%; 
}

  $('#outer').hover(
    function(){
       $('#inner').animate({ top: '0%' }, 'easein' );  
    }, 
    function(){
       $('#inner').animate({ top: '100%' }, 'easein' );  
    }        
   ); ​