CSS折叠/展开

文章/答案/技术大牛

发布

1回答

用可折叠的div修复CSS网格的自动扩展高度

html、css、css-grid

我做了2列与CSS网格和可折叠的div。问题是当我展开一个可折叠的div时，另一个div也会用空格展开。带有可折叠div的css网格截图

浏览 1提问于2018-05-15得票数 0

3回答

浏览器可以搜索折叠的内容吗？

javascript、jquery、html、search、collapse

有没有一种方法可以让浏览器(CTRL+F)搜索折叠的内容并展开特定的可折叠字段？任何折叠/展开方法都可以(JavaScript、jQuery插件、纯HTML/CSS等)，只要它能满足这个要求。

浏览 16提问于2014-10-24得票数 2

2回答

不按预期处理元素的css转换属性

jquery、css、css-transforms

我有一个导航边栏，它在单击按钮时展开，并再次收缩单击相同的按钮。当导航条折叠时，按钮上的文本显示为展开>参见此

浏览 6提问于2017-09-12得票数 2

回答已采纳

2回答

html、css、expand

我有一个纯粹的CSS展开/折叠div，它基于别人的代码@ ，默认情况下，隐藏的文本是可折叠的，但如果文本在单击后展开会更好。 <h2>CSS Expand/Collapse Section</h2> <input id="toggle" type="checkbox" checked>

浏览 17提问于2017-12-30得票数 3

回答已采纳

1回答

Ext 4 ComboBox自定义触发器

javascript、css、extjs、combobox、triggers

我需要在Ext4.2 ComboBox中自定义触发器。我需要自定义图标为放大镜，并能够在我开始键入时将图标切换为X图标。有没有人能给我举个例子说明它是如何做到的？

浏览 2提问于2013-06-23得票数 0

1回答

JQGrid -设置展开列宽

jqgrid

我必须做的一件事是更改配置选项支持的展开/折叠按钮，没有问题。我试着“破解”CSS，但是我找不到一个好的方法。那么，有没有办法一致地设置展开/折叠列宽呢？谢谢!

浏览 4提问于2012-09-17得票数 0

回答已采纳

2回答

使用JQUERY的类条件切换

javascript、jquery

$('.showall').css("cursor","pointer").click(function() { }); 我有一系列的盒子，我可以让用户随意地展开和折叠。JQUERY的功能非常好，该框在展开

浏览 12提问于2011-01-13得票数 0

回答已采纳

2回答

我在文章元素中展开和折叠动画到div上。基于这个小提琴代码：当div框被展开时("div.expandable")，我不希望将高度硬编码(锁定)留在一个特定的值，因此我通过删除高度值：el.css("height", ""); (动画完成后在为折叠/关闭动画再次将高度设置为"0“之前，我将恢复高度(返回到136 it )。在重新设置动画之后，没有将动画折叠回height: 0。但是，如果在展开</e

浏览 6提问于2014-01-28得票数 4

回答已采纳

3回答

CSS兄弟姐妹组。所需诡计

jquery、html、css、siblings

</tr>tr.expanded ~ tr.row { display:table-row; }因为如果我们将序列展开-折叠-展开-扩展，那么第三组行(以及所有其他行)将被隐藏，即使组是展开</

浏览 12提问于2014-08-19得票数 2

3回答

对于小窗口大小，react侧边栏不会关闭

javascript、html、css、reactjs、responsive-design

我有一个反应侧边栏与纯粹的css展开/折叠动画，我真的喜欢。除了默认情况下，在本例中每次打开我的页面/ jsfiddle时，侧边栏都会默认关闭。我收集了css文件中的所有@media查询，并对其进行了更改，因此当窗口很大时，侧栏会变黄。如果窗口变小，侧边栏会变成红色。我的侧边栏展开/折叠逻辑是纯css，如果窗口太小(边栏颜色=红色)，我希望侧边栏折叠，我可以添加一个.sidebar值来折叠侧边栏吗？bac

浏览 16提问于2022-07-27得票数 0

回答已采纳

1回答

如何在文档准备上折叠手风琴

javascript、css

我能够在我的html页面中添加一个展开折叠手风琴，并在下面的链接中给出代码。我想默认情况下在加载页面时显示折叠手风琴，当用户根据当前状态单击它时，它应该展开或折叠。有人能帮我用css或javascript实现同样的功能吗？我的实现在下面的链接中给出

浏览 1提问于2018-05-13得票数 0

回答已采纳

2回答

基于宽度的JQuery if语句

jquery

菜单按钮用于展开和折叠菜单。我可以让菜单折叠，但我会尝试添加任何根据菜单折断的宽度展开菜单的内容。animate({ }, 200 ); $(".menu-heading&q

浏览 1提问于2013-10-23得票数 0

5回答

展开和折叠div

javascript、jquery、jquery-animate、if-statement

我知道如何在单击div时展开它，但我想知道当它已经展开时，当您单击它时如何折叠它。现在，我只是进一步扩展div。$('.expand').bind('click', function() { $(this).animate({ },1000);

浏览 3提问于2011-01-02得票数 0

回答已采纳

1回答

为什么我的导航项在引导导航栏中不可见？

javascript、html、css、web、logic

我有一个网站上的实时服务器，但我面临一个问题，进入导航栏。导航装置只闪烁一两秒钟，它们就会散开。为什么会发生这种事？我已经使用引导程序创建了UI。您可以访问下的网站。请检查网站，并告诉我为什么这是奇怪的(特别是导航栏项目)。

浏览 5提问于2022-11-11得票数 0

回答已采纳

5回答

使用乘法的div和图标进行JQuery切换

javascript、jquery、html、css

我已经找到了一些示例，您可以使用a选择器使多个div展开/折叠，但还没有看到在折叠时使用图标的示例和在展开时使用图标的示例。.show_hide{ background:url(http://img37.imageshack.us/img37/1127/plusminus.png) no-repeat'Hide&#x

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

2回答

Elm中的UI可折叠项:只使用css的解决方案和在模型中存储更多数据的解决方案。

user-interface、state、elm、expand

例如，在实现这些可折叠项时：我想到的第一种方法是在模型expandedItems: List ItemId中存储一个变量与id列表相比，css的优点/缺点是什么？

浏览 5提问于2022-06-10得票数 -1

1回答

在文本上展开div，单击五个单独的div。

jquery、html

我有一个这样的建筑：<p>(text from CSS)</p>它有五次(五个标题和五个DIVs)在CSS中，我定义了:在类“展开”和“折叠”之后(展开和折叠内容属性，因为当我单击段落时，当我再次单击时文本正在展开和折叠)。因此，当内容被折叠

浏览 3提问于2016-02-03得票数 0

2回答

如何使用javascript或jquery显示溢出:隐藏内容

css

我有一个包含CSS的div内容：overflow:hidden;因此，一旦单击expand，我希望该div的css从：所以知道div会展开到css中指定的高度，如果展开按钮变成折叠，点击时反之亦然，那就太好了。

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

1回答

可折叠面板中的Datatables列标题未自动展开

jquery-datatables

我的左窗格是可折叠的，但是每当我折叠我的左窗格时，datatables中的列宽不会根据新的宽度自动调整大小，但当我单击任何列标题时，它会根据新的宽度展开/折叠。我不确定如何解决此问题。我尝试使用下面的代码，表可以正确地展开，但列不会展开/折叠，除非我单击列标题。function collapse () { $("#"+elementId).css('width', '100%&

浏览 2提问于2012-11-14得票数 0

回答已采纳

1回答

在jQuery移动1.4.0中使用可折叠集的页面背景图像移动和拉伸

jquery-mobile、background-image、jquery-mobile-collapsible

在我的jQuery移动应用程序中有一个可折叠集，问题是当我在展开时为页面添加一个背景图像时，关闭可折叠的背景图像时，背景图像是拉伸的，并且使用可折叠的方式移动，当我从css中删除这些行时：background-size: 100% 100%; 这个问题已经解决了，但这造成了另一个大问题，当我展开一个可折叠的，然后关闭它时，背景会缩小，“向上移动”，这个可折叠的页面部分会变成没有背景的请帮助

浏览 4提问于2014-02-27得票数 2

回答已采纳

点击加载更多

用可折叠的div修复CSS网格的自动扩展高度

浏览器可以搜索折叠的内容吗？

不按预期处理元素的css转换属性