如何使用animate()，隐藏和显示元素？
使用hide()和show()方法animate()来隐藏和显示元素。
示例
您可以尝试运行以下代码，以了解如何使用animate()方法来隐藏和显示元素：
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("#box").animate({height: "300px"}, 500, function() {
$(this).hide();
});
});
$("#btn2").click(function(){
$("#box").animate({height: "300px"}, 500, function() {
$(this).show();
});
});
});
</script>
</head>
<body>
<button id="btn1">Hide</button>
<button id="btn2">Show</button>
<div id="box" style="background:#000000;height:300px;width:100px;margin:10px;"></div>
</body>
</html>
-
问题内容： 在我的脚本中有三个div。我想在第一行悬停时显示div ，而在第二行悬停时显示。否则，我想默认显示div 。 但它永远不会显示带有的div 。 问题答案： 你需要 原始CSS中的问题是in css选择器启动了一个全新的选择器。它没有结合..所以意味着和。您将其设置为始终对所有元素都隐藏。
-
问题内容： 按下后如何隐藏“编辑”链接？当我按下编辑键时，是否还可以隐藏“ lorem ipsum”文本？ 问题答案：
-
本文向大家介绍jQuery控制元素隐藏和显示，包括了jQuery控制元素隐藏和显示的使用技巧和注意事项，需要的朋友参考一下 1、jQuery隐藏和显示效果 通过 jQuery，您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素： 2、jQuery淡入淡出效果 通过 jQuery，您可以实现元素的淡入淡出效果。 jQuery 拥有下面四种 fade 方法： fadeIn()
-
我有一个问题隐藏和显示一个元素取决于一个布尔变量在角2。 这是div要显示和隐藏的代码： 变量已“编辑”，并存储在我的组件中： 元素是隐藏的，当saveTodos函数启动时，会显示元素，但3秒钟后，即使变量返回为false，元素也不会隐藏。为什么？
-
问题内容： 如何使用JSF显示/隐藏组件？我目前正尝试在javascript的帮助下做同样的事情，但没有成功。我不能使用任何第三方库。 谢谢| 阿比 问题答案： 通常，您需要通过其clientId获得该控件的句柄。本示例使用带有请求范围绑定的JSF2 Facelets视图来获取另一个控件的句柄： 确切的操作方式取决于您正在使用的JSF版本。有关较早的JSF版本，请参见此博客文章：JSF：使用组件标
-
问题内容： 对于我正在做的网站，我想加载一个div，然后隐藏另一个，然后有两个按钮可以使用JavaScript在div之间切换视图。 这是我当前的代码 替换div2的第二个功能不起作用，但第一个功能起作用。 问题答案： 如何显示或隐藏元素： 为了显示或隐藏元素，请操纵元素的style属性。在大多数情况下，您可能只想更改元素的属性： 或者，如果您仍然希望元素占用空间（例如，如果您要隐藏表格单元格），