我正在寻找实现类似于在chrome extension page中的li的东西。 我应该使用jQuery slideToggle吗?也许有人可以提供某种样品 代码我可以开始? (我是新来的jQuery)隐藏/在jQuery中使用切换显示div的方法
回答
你不需要任何复杂的插件,你可以做到这一切与jQuery。这是我抽出的一个快速样本。真的很简单。
的HTML
<div id="outer">
<p>Some outer content </p>
<div id="inner">Slider Content </div>
</div>
CSS的
#outer{
height: 200px;
width: 200px;
background-color: brown;
overflow: hidden;
position: relative;
}
#inner{
height: 200px;
width: 100%;
background-color: green;
position: absolute;
top: 100%;
}
的JS
$('#outer').hover(
function(){
$('#inner').animate({ top: '0%' }, 'easein');
},
function(){
$('#inner').animate({ top: '100%' }, 'easein');
}
);
Here这是在行动。
退房这个帖子:jQuery & CSS - Remove/Add display:none
我认为应该隐藏/显示工作。
它很难回答你的问题。但在显示和隐藏一个div是很容易的,只要使用.toggle()
$("#mydiv").toggle();
但看看div是如何向上滑动的 – Tom 2012-03-27 16:02:30
您可以尝试jQuery UI的手风琴,而不是你自己发明轮子。这些链接可能会帮助你。
不需要插件,jquery就足够了。看看我的帖子。 – 2012-03-27 16:21:01
当我确实需要一些东西时,我会先做一些Google搜索。我不会浪费时间创建自己的插件,当有许多优秀的插件具有复杂的功能时,使用插件并不困难和复杂,而不是编写自己的代码来模仿它。 – jems 2012-03-27 16:31:54
这并不复杂,它很容易。对于那些无法编码的人来说,复杂化,在这种情况下,请继续,并包含数千行您并不需要的代码。你的选择。顺便说一句,该插件甚至没有真正做这个职位想要它做的事情。我不反对插件,只是针对不能为自己思考并意识到何时简单并且不需要臃肿插件的想法。我用8行代码完成了这个插件,你建议有多少行代码? – 2012-03-27 16:45:24
- 1. jQuery的切换/显示隐藏的div
- 2. 显示切换隐藏其他div jquery
- 3. jquery切换隐藏或显示div
- 4. 切换显示/隐藏使用jQuery
- 5. 饼干在显示/隐藏DIV切换
- 6. 的JavaScript切换显示/隐藏DIV
- 7. Javascript显示/隐藏DIV点击/切换
- 8. Dojo切换隐藏和显示Div
- 9. 使用jQuery显示/隐藏div,然后在该div内显示/隐藏div
- 10. 在两个div之间切换隐藏/显示jQuery
- 11. 使用jQuery在表格中显示/隐藏切换
- 12. jQuery隐藏div使用悬停显示所有隐藏的div
- 13. JQuery的切换div隐藏/显示动态ID的
- 14. 隐藏和显示的div使用jQuery
- 15. jQuery合并切换(),显示()和隐藏()
- 16. jQuery HTML选择切换/显示/隐藏
- 17. Jquery显示/隐藏切换下一个
- 18. 使用JS切换显示/隐藏
- 19. jQuery的显示/隐藏DIV
- 20. jQuery的显示/隐藏DIV
- 21. 隐藏(切换)使用jQuery
- 22. 切换 - 隐藏并显示
- 23. 使用jQuery点击显示/隐藏div
- 24. jQuery隐藏/显示div使用变量
- 25. 显示/隐藏div使用jquery
- 26. 使用jquery显示/隐藏div值
- 27. 使用Jquery隐藏和显示div
- 28. 如何使用JQuery切换功能在点击时显示/隐藏DIV?
- 29. 堆叠div和使用切换显示/隐藏
- 30. jQuery显示和隐藏div
请编辑您的问题,使其更容易理解 – Starx 2012-03-27 16:03:16
汤姆看看我的答案,看看如何模仿该行为。 – 2012-03-27 16:25:12