Jquery 显示/隐藏Div或元素
我访问过一个网站,一个功能让我很开心,但我不知道如何复制它!有人能帮我吗 我想在我的网站上复制版权通知的功能,给我和我的同事带来荣誉Jquery 显示/隐藏Div或元素,jquery,css,html,Jquery,Css,Html,我访问过一个网站,一个功能让我很开心,但我不知道如何复制它!有人能帮我吗 我想在我的网站上复制版权通知的功能,给我和我的同事带来荣誉 我会非常感激的。谢谢。您所指的网站使用。这真的很简单。这样的陈述 $("#mydiv").hide(); 将隐藏id为“mydiv”的。您还可以show而不是hide,并且可以向函数传递一个数字,例如hide(200)来设置动作动画。在这种情况下,在200毫秒内设置div隐藏的动画 还有一种方法可以交替隐藏或显示元素 我建议您阅读中的jQuery事件和选择器 同
我会非常感激的。谢谢。您所指的网站使用。这真的很简单。这样的陈述
$("#mydiv").hide();
将隐藏id为“mydiv”的
。您还可以show
而不是hide
,并且可以向函数传递一个数字,例如hide(200)
来设置动作动画。在这种情况下,在200毫秒内设置div隐藏的动画
还有一种方法可以交替隐藏或显示元素
我建议您阅读中的jQuery事件和选择器
同样在将来,在你问之前,这可能会节省你一些时间;-)
编辑
实际上,您在链接的站点上描述的特定功能是使用andronikus所说的HTML5元素处理的。可以说HTML5还没有准备好在网络上使用,因为仍然有很多浏览器无法处理它。在我看来,此时使用jQuery show/hide是一个更好的解决方案。如果您使用的浏览器或扩展允许您在右键单击时“检查元素”,那么您可以直接查看页面元素的代码。在这里,页面使用了新的
[[1]
标记,这在HTML5中是新的。看起来是这样的:
<details>
<summary>Always show this</summary>
<p>This stuff is hidden until you click the arrow.</p>
<p>Woooo!</p>
</details>
总是展示这个
在单击箭头之前,此内容将一直隐藏
哇
没有Javascript/jquery可以处理,尽管可能也会出现一些CSS。这是一个非常酷的新元素
(通常这将通过jQuery show()/hide()完成,如其他答案和评论中所述。我怀疑它被添加到HTML5中,因为它是一个非常常见的功能。)您可以使用jQuery slideToggle()实现
你的文字
-1--JavaScript没有比这更基本的了。此网站不存在,因此人们可以为您工作。它的存在是为了学习。请花些时间尝试学习。您确定这是一个Java问题吗?如果是这样,它与Java语言有什么关系?你不是想给JavaScript添加标签吧?你知道,它们和ham和仓鼠差不多。你可能想寻找jQuery
javascript库来轻松处理事情,而不需要建议他去查看jQuery。他已经在这个问题上贴上了标签。这就是我投票否决它的部分原因。他似乎已经知道了解决方案的一部分,但他没有花任何时间自己进一步探索。为什么人们会倾向于投票支持这样写得不好的问题?
<div id="inner">
<div class="text">
Your Text
</div>
</div
$(document).ready(function(){
$(".text").hide();
$("#inner").click(function(){
$(".text").slideToggle();
});
});