Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 显示/隐藏Div或元素_Jquery_Css_Html - Fatal编程技术网

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();
});
});