我正在寻找实现类似于在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. 显示切换隐藏其他div jquery
- 4. jquery切换div显示隐藏
- 5. jquery切换隐藏或显示div
- 6. jquery显示/隐藏多个div切换
- 7. jquery切换显示/隐藏
- 8. 切换显示/隐藏使用jQuery
- 9. 隐藏/显示切换jQuery不切换?
- 10. 饼干在显示/隐藏DIV切换
- 11. 使用切换或显示/隐藏切换Div内容
- 12. 的JavaScript切换显示/隐藏DIV
- 13. jQuery切换显示/隐藏 - div显示但不扩展
- 14. Dojo切换隐藏和显示Div
- 15. 切换显示隐藏多个div
- 16. Javascript显示/隐藏DIV点击/切换
- 17. 使用jQuery显示/隐藏div,然后在该div内显示/隐藏div
- 18. jQuery切换:隐藏第一个div,显示其他div
- 19. jQuery的隐藏显示切换
- 20. 使用jQuery在表格中显示/隐藏切换
- 21. 在两个div之间切换隐藏/显示jQuery
- 22. jQuery隐藏div使用悬停显示所有隐藏的div
- 23. JQuery的切换div隐藏/显示动态ID的
- 24. 隐藏和显示的div使用jQuery
- 25. 切换显示/隐藏与jquery
- 26. jQuery合并切换(),显示()和隐藏()
- 27. 切换显示/隐藏optgroup子女jquery
- 28. JQuery显示/隐藏或切换图像+/-
- 29. jQuery HTML选择切换/显示/隐藏
- 30. Jquery显示/隐藏切换下一个
请编辑您的问题,使其更容易理解 – Starx 2012-03-27 16:03:16
汤姆看看我的答案,看看如何模仿该行为。 – 2012-03-27 16:25:12