如何动画<details>隐藏？

文章/答案/技术大牛

发布

1回答

css

我已经使用@keyframe为details标签的打开添加了动画效果。现在我想要动画关闭，但是我还找不到解决这个问题的CSS方案。@关闭不起作用的关键帧。请参阅代码片段。只需要CSS解决方案。 width: 300px; background-color: #ecf0f1;details { cursor: pointer;summary { outli

浏览 29提问于2016-07-30得票数 2

回答已采纳

1回答

关闭时动画化一个详细信息标记

html、css

我试图动画一个细节标签，但似乎没有任何工作。下面是我在开头动画中使用的代码：@keyframes open { opacity: 0; } opacity: 1; } animation: open .5s cubic-bezier(0.785, 0.135, 0.15, 0.86);<deta

浏览 0提问于2021-11-13得票数 4

回答已采纳

5回答

使用jQuery淡入元素的可见性

javascript、jquery、css

$('ul.load_details').animate({ },1000); 动画代码没有任何问题(我用fontSize替换了可见性，它很好

浏览 0提问于2009-06-23得票数 46

回答已采纳

2回答

选择$(this) - jQuery内的元素

jquery、show-hide

我有一个div向上扩展的动画，显示了更多的文本，但是我想显示一些隐藏的元素。我该如何选择这些？执行扩展div的Javascript： $(this).stop().animate></p> <div class="act-details&qu

浏览 0提问于2013-04-05得票数 0

回答已采纳

1回答

CSS动画。从[显示无；宽度: 0]到[显示内联；宽度:自动]

css、animation、width

我在另一个跨度中有一个隐藏跨度。当我将鼠标悬停在外部跨度上时，我希望将隐藏的跨度设置为动画，以便滑出并显示出来。<span class="outer">Things: <span class="number">5 <span class="details">[3 widgets, 2 spanners]</span{ color: white;

浏览 0提问于2012-09-28得票数 2

1回答

Angular JS动画不工作

javascript、css、angularjs

我正在尝试在angular js中显示/隐藏一个详细信息字段。细节显示和隐藏，但由于某些原因没有动画。$index == sElement" ng-animate="{show: 'details-show', hide: 'details-hide'}">{{listing.details}}</div>这是CSS： .det

浏览 1提问于2014-05-31得票数 0

2回答

.css和.animate不执行序列

javascript、jquery

在下面的代码中，我试图隐藏div，然后设置宽度动画。 $('.dropdown-section').animate({

浏览 1提问于2015-02-19得票数 0

4回答

jQuery仅在单击链接时显示特定的div动画

jquery

我必须以如下方式显示内容当有人点击"Show Details“(即标签)时，会出现另一个包含其他数据的div (显示详细信息应切换为隐藏详细信息，反转功能以隐藏div) 需要完成使用jQuery，与一些动画(如果可能)。

浏览 0提问于2010-12-07得票数 0

回答已采纳

1回答

SwiftUI动画在VStack或NavigationItem中调用时会有所不同

swiftui

有两行Text，一条是隐藏的。有一种切换@State var的方法，它控制隐藏的Text。 VStack {

浏览 1提问于2019-06-30得票数 3

3回答

JQuery IE抖动幻灯片动画

jquery、internet-explorer

我有以下代码来动画显示/隐藏div。.headerClosed, .headerOpen").live("click", function(){}<div class="details"> <p>Text</p> &l

浏览 0提问于2009-05-26得票数 6

回答已采纳

2回答

下拉选项卡动画

javascript、html、css、css-animations

我在制作动画时遇到了困难，有什么帮助吗？这是我到目前为止得到的结果：Photo of FAQ section 任何关于如何实现动画的帮助都将非常感谢。

浏览 15提问于2020-07-14得票数 1

回答已采纳

1回答

目前，我使用*ngIf显示第二行，并在单击"View details“按钮时更改绑定对象的布尔属性。我已经通读了angular2文档中的动画页面，并尝试实现一个“折叠/取消折叠”动画，以便当第二个表格行可见时，它从0px高度->完全展开的行的高度(*px)开始动画。(该行只是立即打开/关闭，就像添加动画之前一样。)我试着去掉*ngIf并绑定到隐藏的属性，但没有成功。我还尝试删除*ngIf和隐藏，并只有动画，但也不起作

浏览 0提问于2016-10-04得票数 1

3回答

是否更改触发jQuery slideToggle的已单击链接的文本？

jquery

我有两个元素，一个在另一个之上：<a href="#" class="hide-details">Hide Details</a> // Show/Hide Details $("a.hide-details").clic

浏览 2提问于2012-02-15得票数 0

回答已采纳

1回答

slideDown在<div> Jquery上不起作用

javascript、jquery

当您打开页面时，文本已经隐藏，所以这不是问题所在。因此，我一直无法找到答案。我基本上只是希望网站用户点击“查看详细信息”，有div向下滑动显示文本，按钮更改为“隐藏详细信息”(这部分工作很好)，然后当“隐藏详细信息”被点击时，Div再次消失。在这里它看起来是有效的，动画和所有的东西，但是在实际的网页上它就是不起作用，没有动画，文本没有显示。我想知道这是不是图像？我不知道，我还是个初学者。function(){

浏览 0提问于2018-04-09得票数 0

2回答

jQuery:如何在没有碰撞的情况下动画化两个元素

javascript、jquery、jquery-ui、jquery-animate

动画期间，新的扩展面板下的表格“弹出”。然后，在动画之后，它返回到它所属的左边。PS -我同意移动哪些元素有填充和浮动，只要最终的结果有效。更新：更新2: 新jsFiddle，它使用边框显示表的宽度(因此使用起来更容易)。它的默认状态是展开表，隐藏面板。在点击两次行之后，它开始更接近我所期望的工作方式(除了它仍然存在原始问题中的问题)。在这方面的帮助也将受到感

浏览 0提问于2012-01-24得票数 1

回答已采纳

4回答

jQuery切换/滑下/滑动不按预期工作

javascript、jquery、slide

我正在尝试用.details创建一个切换按钮。在第一次加载时，它应该以"Display +“的形式显示，并隐藏.details-display。HTML <span class="details">Details[+]</span> <span class="details-display</

浏览 1提问于2015-02-25得票数 0

回答已采纳

1回答

与details标记不一致的CSS动画

css、css-animations

与details元素打开一起的动画呈现不一致。它可以使用“扫描”动画顺利打开，或者立即打开，完全没有动画。这可以在打开和关闭详细信息时看到，等待几秒钟，然后再次打开。在我的示例中，只有在快速连续地单击元素时，动画才是一致的。: left; top: 30px; color: #000;} .detai

浏览 3提问于2022-08-13得票数 1

3回答

如何动画化钛iphone中的行高

ios、animation、titanium-mobile

我试图为每一行添加动画样式。为了扩大视野，但以上两种代码都不起作用，如果我设置行高而不使用动画如何将动画样式应用于表视图行……请给我一个。

浏览 3提问于2013-04-23得票数 4

回答已采纳

1回答

我可以在匹配的子项中使用jQuery吗

jquery、hover、children

我试着滑入/滑出每个网格项目的一个子元素。例如，我尝试将$.target.children作为jQuery元素来处理，以使用.show()和.hide()。 /*--------- Product Card Overlay -------------------------------------*/ match an animate in the child elemen

浏览 13提问于2019-06-11得票数 0

回答已采纳

3回答

切换完成后更改按钮符号

jquery、button、toggle

所以，我有一个按钮，显示和隐藏一个ID为"details“的div和一个ID为"more”的按钮，同时使用向上和向下箭头在单击时更改符号。(它从隐藏细节开始，向下的V形可见。我真正想要的是图像交换(类改变)发生在切换动画完成后，而不是点击。我该怎么做呢？('#more').click(function() {$('#more').c

浏览 1提问于2013-05-03得票数 0

回答已采纳

点击加载更多