一次只能打开一个可折叠的吗？
一次只能打开一个可折叠的是指在前端开发中，折叠面板（Accordion）组件通常只能打开一个折叠项，其他折叠项会自动关闭。折叠面板常用于展示具有层级关系的内容，用户可以通过点击折叠项的标题来展开或关闭对应的内容。
折叠面板的优势在于可以节省页面空间，使页面更加简洁和易读。它适用于需要展示大量内容但又不希望一次性全部展示出来的场景，用户可以根据自己的需求选择展开或关闭特定的折叠项。
腾讯云提供了丰富的前端开发工具和组件，其中包括适用于折叠面板的组件库。例如，腾讯云开发者工具包（Tencent Cloud Base）中的小程序开发框架（Tencent Cloud Base Framework）提供了折叠面板组件，开发者可以通过该组件快速构建具有折叠功能的小程序页面。
腾讯云开发者工具包（Tencent Cloud Base）是一套集成了云开发、云函数、云数据库等功能的开发工具，旨在帮助开发者快速搭建和部署应用。通过使用腾讯云开发者工具包，开发者可以轻松实现前端开发、后端开发、数据库管理等一系列功能，提高开发效率。
更多关于腾讯云开发者工具包的信息，可以访问腾讯云官方网站的相关页面：腾讯云开发者工具包。
相关·内容
我有一个可折叠集(带有5-10可折叠的)，并使用此代码查找已打开的wich：
$("#mySet").on("collapsibleexpand", function (e)
{
var selected = $(".ui-icon-minus").parent().parent().attr("my-data");
// more code...
当在可折叠集内打开可折叠的时，此操作有效。或者，在打开新的可折叠之前，打开的电流是关闭的。但是，如果“可折叠”打开，并单击“可折叠集”内的新“可折叠”，则会失败，并从上一次
浏览 0提问于2014-02-17得票数 2
回答已采纳
在展开其他可折叠元素时，是否有任何方法使jQuery移动可折叠元素关闭所有其他展开的可折叠元素？
这是因为在我的可折叠列表中，我希望在任何时候只展开一项。
我检查了文档，当您展开一个可折叠的事件时，就会发生一个事件。我在下面的<script>标签中包含了这个。我不确定这是否是最好的方法，或者是其他一些简单的方法。而且，我也不知道如何遍历文档来关闭所有打开的折叠件。
<div data-role="collapsible">
<h3>Item 1</h3>
<p>Content 1</p>
</
浏览 0提问于2015-02-07得票数 0
我正在尝试使用Materializecss 100和Materializecss JS创建一个可折叠的。当像这样创建我的可折叠组件并单击它时，它会立即打开和关闭
<ul class="collapsible" data-collapsible="accordion">
<li>
<div class="collapsible-header"><i class="material-icons">filter_drama</i>First</div>
&
浏览 0提问于2018-03-07得票数 0
是否可以使用jQuery mobile中的可折叠集小部件的样式，但使其功能类似于普通可折叠小部件(例如，允许在可折叠集中同时打开多个可折叠小部件)？
浏览 0提问于2012-05-22得票数 3
1回答
我的问题很简单，但在查看了各自的API之后，我不知道如何完成以下操作：
在我的网页上，我有一个。此模式包含一个具有多个可折叠div元素的。当我打开模式，在手风琴中打开一些可折叠的，关闭模式并再次打开模式时，打开的可折叠仍然是打开的。我更希望在关闭模式时关闭所有打开的可折叠组件。我该怎么做？
或者，为了进一步简化我的问题，我如何才能一次关闭手风琴中所有打开的可折叠对象？
浏览 0提问于2013-02-13得票数 0
回答已采纳
如何在不添加额外按钮的情况下使figure元素可折叠？
<figure><img src="abc.png"></figure>
默认情况下，我想在这里放置一个按钮来打开图像。这个按钮可以自动生成吗？
浏览 0提问于2016-11-23得票数 1
寻找打开所有可折叠的页面加载，然后仍然允许他们是可折叠的等等。这是可能的吗？
$(document).ready(function(){
$('.collapsible').collapsible();
});
浏览 0提问于2018-09-23得票数 0
回答已采纳
2回答
我正在使用这个可折叠的面板- 。不幸的是，我在使用它处理应用程序状态时遇到了问题。我有一个状态，这个面板是可见的，当我切换到这个状态时，这个面板显示，当我点击它时，它打开并显示它的内容。如果我切换到另一个状态(此面板将从显示中删除)，然后切换回前一个状态，可折叠面板将保持打开状态，但其内容将消失。换句话说，可折叠面板的内容不会在状态中持续存在。
有人知道问题出在哪里吗？或者有没有其他可折叠的面板可以解决这个问题？谢谢。
浏览 1提问于2009-12-04得票数 0
我正在使用jQuery dataTables插件为我们的应用程序构建高级表。其中一个要求是要有“可折叠的”行(而不是组！)：例如，行代表运动，并且可能有子活动。子行的结构(基本情况下)与父表中的结构相同--相同的单元格、相同的数据类型。
但是，子行不应该影响父表本身:我的意思是，每个页面的行数应该保持不变，不应该将子行与父行分开排序，它们应该始终保持绑定。因此，我不能使用fnAddData() API函数。
另一个棘手的要求是有可能有多层次的可折叠行(例如，儿童运动，等等)。
为此，我使用了fnOpen() API函数，它允许“打开”任何行，并在其上附加一个子块，您通常可以在那里插入您想要的任
浏览 5提问于2012-06-07得票数 5
回答已采纳
1回答
我使用的是一排一排的可折叠组件。我想让我的网站看起来更专业，所以我的目标是让它一次只能打开一个可折叠的。下面是我目前使用的JavaScript：
<code>A0</code>
下面是可折叠的html：
<code>A1</code>
有没有办法让我一次只能打开一个可折叠的？
浏览 14提问于2021-03-13得票数 0
2回答
我有几个可折叠的项目，当一个可折叠的div打开时，当用户点击另一个项目时，会打开另一个可折叠的div，但前一个div没有关闭。当用户单击另一项打开另一个可折叠div时，如何关闭打开的可折叠div。 我已经尝试了下面这样的东西 <li><a class="layer-item" data-toggle="collapse" href="#baseLayer" role="button" aria-expanded="false" aria-controls="baseLayer"
浏览 14提问于2020-08-28得票数 0
我想阻止用户在第2/3 jQuery移动可折叠中看到更高级的内容，直到他们通过测试并在第一次可折叠的末尾做准备。我的想法是给他们一个工具提示在第2/3折叠，告诉他们参加测试和准备，如果他们试图打开它，跳过第一个折叠结束。我将如何：
( 1)防止第2/3路可折叠，并在通过后
2)允许他们打开第二个可折叠的，并移除工具尖端？
浏览 4提问于2017-10-07得票数 0
回答已采纳
我正在使用带有可折叠选项的jQuery选项卡。我想知道如何在cookie中跨后续请求(页面加载)保存可折叠选项的状态(最大化或最小化)。如果我刷新页面，标签被最小化，那么我应该看到它最小化。
浏览 0提问于2012-03-11得票数 4
回答已采纳
我有几个页面，上面有多个可折叠页面。当其中一个被展开时，我想关闭所有其他的。我读到我需要使用.trigger(‘展开’)和.trigger(‘折叠’)来动态地打开和关闭...但是，当可折叠组件实际打开时，我如何触发事件？
我想也许点击事件..。$('#myExpandable').click() --不行。我试着绑定.bind('expand', function() {} ); --不行...我试过.live('expand', function() {} ); ..一切都无济于事。
有人能在这里给我提示一下吗？
谢谢!
浏览 0提问于2012-03-04得票数 1
回答已采纳
我正在尝试执行对外部程序的调用，以便在JQuery移动中可折叠的DIV中创建内容，以便在打开可折叠的div时运行一些代码。我试图按以下方式使用jquery.appear插件()：
<div id="coll2" data-role="collapsible" data-mini="true" data-inset="false" data-iconpos="right">
<h1>Collapsible 1</h1>
Collapsible Title!
<d
浏览 5提问于2015-06-18得票数 1
回答已采纳
大家好，又是我提了另一个问题。位于此处的预订系统
有3个主要的可折叠面板由spry框架控制。然后，在第一个可折叠面板中还有十几个，正如您在该页面上看到的那样。当您按下其中一个“了解更多”按钮打开其中一个时，您将看到它所在的主要可折叠面板也会展开，以适应该内容和合同，如果您再次关闭较小的面板。
然而，一旦你转到下一个可折叠的主面板“summery and there”，然后通过按下“back”按钮返回到第一个主面板，就会出现问题。现在，如果您打开第一个主面板中的一个较小的面板，您将看到主面板不会展开以适应内容，事实上，较小的面板的内容分散在其他内容上，浮动在其他内容之上。有人知道怎么解决这个问题
浏览 0提问于2010-06-05得票数 0
回答已采纳
我用jQuery手机创建了一个可折叠的集合。它工作得很好，但不像Jquery UI中的Accordion那样流畅。当我点击标题时，它会随着一个猛烈的动作而扩展。
有没有办法让它变得顺畅？
浏览 9提问于2014-09-12得票数 0
1回答
我需要把日期打印成手风琴，里面写了很多次，
我在数组的一种状态上节省了整个日期和时间，我使用以下可折叠的方式循环我的日期：
<Collapsible collapsed={ this.state.date_tab !== date_index }>
{ this._renderTimes( date_index ) }
</Collapsible>
date_tab作为选定的手风琴使用，因此只有一个活动可折叠。
当我更改date_tab状态时，整个日期和内容更改了它的视图--因此，它使我的可折叠打开变得缓慢，导致所有视图重新启动。
是否有一种方法可以关闭激活的可
浏览 0提问于2018-01-27得票数 1
假设我有一个可折叠菜单，其中可折叠部分中的一个条目映射到路由：
test/index
如果我将站点位置更改为允许这样做，那么如何实现可折叠菜单保持打开，并将内部条目标记为活动项：
test/create / test/update / test/detail等。
浏览 5提问于2015-12-03得票数 1
我在一个具有列表视图的页面顶部有一个简单的可折叠内容元素。html运行正常。
我的问题是，如果用户打开可折叠区块，我希望它在用户离开或返回页面时自动关闭。可折叠块始终保持用户离开它时的状态--打开。我不知道怎么关闭它。我已经找了几天了，但找不到确切的场景。我发现的大多数解决方案都涉及页面的动态加载，它们对我来说有点太高级了。
我知道这可能是一件简单的事情，但我对jquery mobile还是个新手。我不知道如何将代码绑定到html元素，也不知道把它放在哪里，所以请告诉我一些小步骤。
有人知道怎么做吗？
浏览 2提问于2012-05-24得票数 3
回答已采纳
1回答
文本文件具有行项目，如； 橙子，0 'userData‘是一个数组，负责从这个文本文件中读取行，然后使用'delimiterChar’分割这些行，以分隔'oranges‘和'0’。0被认为是橙子的主键，因此作为行项目的唯一标识符。 然后，“‘Oranges”显示为可折叠引导程序的标题。现在很明显，用户可以根据需要向文本文件添加任意多的行项目，从而产生许多可折叠的，所有这些项目都应该能够独立于其他项目打开。但是，按照现在的情况，如果我只打开一个可折叠的，那么所有的可折叠的都会打开。 如下图所示； ? 单击“橙色”(或任何其他相关标题)后，所有三个可折叠的
浏览 10提问于2020-04-22得票数 2
回答已采纳
我目前已经实现了以下可折叠的div：
.my-collapse {
max-height: 0;
overflow: hidden;
transition: all .3s ease;
}
.my-collapse.is-open {
max-height: 2000px;
}
但是，它工作得很好，但是，我打开的可折叠div有overflow: hidden，这一点都没有用。我不能在transition-delay属性上应用overflow，只要div没有完全打开，就需要隐藏溢出。知道我如何摆脱这个属性而没有任何js吗？
浏览 2提问于2020-01-21得票数 0
回答已采纳
我正在创建一个带有词汇表的jQuery移动应用程序。每当用户接触术语表中的某个术语时，我希望它打开术语表，用该id打开可折叠项，然后滚动到它。
// get all links within an element, assign click handler
var links = element.find(".glossaryLink");
links.each(function(index){
$(this).on("click", function(){
var regex = /\W/g;
var searchID
浏览 2提问于2014-03-24得票数 2
我有一个可折叠的集合，当页面加载时，我想自动打开第一个可折叠的集合。
我如何在jquerymobile中做到这一点？
浏览 0提问于2013-06-25得票数 4
回答已采纳
1回答
我使用以下代码来实现嵌套可折叠：
<div id= "accordion" data-role="collapsible" data-position="inline">
<h2>
<div class='ui-grid-a'>
<div class='ui-block-a'>
<?php echo $mydate ?>
</div>
浏览 0提问于2012-03-02得票数 0
我在打开我的折叠时遇到了问题，比如我有多个可折叠的div，但当我打开它们时，其他不可折叠的div被隐藏了，一些div隐藏了可折叠的信息。
我认为解决方案可能是自动调整这些div之间的距离。我用谷歌搜索了一下，但没有找到任何类似的东西。请帮帮忙
浏览 2提问于2020-06-12得票数 0
我的代码中有两个相邻的标记：
<Collapsible trigger="text 1 " >
//some html content here
</Collapsible>
<Collapsible trigger="text 2 " >
//some other html content here
</Collapsible>
然而，当我关闭与'text 1‘相关联的可折叠元素时，在'text 1’和下一个可折叠元素之间仍然有一个空格。理想情况下，我想要一个滑动效果，这样当我关闭第一
浏览 0提问于2018-06-29得票数 0
有办法同时打开两个属性窗口吗？例如，假设我想双击MyClass1(或者右击并选择属性)，也可以双击MyClass2以便进行比较。这个是可能的吗？
作为一个相关的问题:是否有一种同时打开类图的属性和操作窗口的方法？
浏览 0提问于2014-02-07得票数 0
回答已采纳
1回答
我创建了一个Meteor项目，它使用Twitter引导来进行布局。我有一个Nav-bar，其布局如下：
我的问题是，在移动上，导航条进入可折叠模式(这很好)，但当我单击链接，路由到其他模板(使用iton:路由器包)。可折叠菜单保持展开。有什么办法让它在选择一个项目时关闭吗？
浏览 4提问于2016-02-07得票数 3
回答已采纳
我正在做一个可折叠的面板菜单。除了可折叠面板选项卡中的标题之外，一切看起来都很棒。所以，这就是我要做的，如果可折叠面板的内容是打开的，我想让可折叠面板选项卡显示一个特定的span类。例如，如果它是打开的，它将显示减号或(-)号。如果接近，它将显示一个加号或(+)号。
代码如下：
<div id="CollapsiblePanel1" class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0">
<
浏览 1提问于2013-02-11得票数 0
回答已采纳
2回答
我想点击ZK的边界布局(可折叠的"East“或"North”或.)使用javascript临时打开它。我该怎么办？
谢谢你的朋友们
更新：
关闭时，单击关闭的边框area(而不是在Open 图标上)(查看光标在图片中的位置)，它将暂时打开。我想要一个封闭的borderLayout，然后用javascript/jquery那样打开它。
图片：
浏览 2提问于2011-12-05得票数 2
回答已采纳
1回答
带有列表视图的嵌套折叠集
、、、
我正在用一个可折叠的集合做一个菜单。它将有多达4层深，是一个相当大的菜单。因为我不能显示我的菜单，所以我在这里做了一个非常简单的例子。
第一个是使用listviews，我让它看起来像我想要的菜单，但当你深入到一个级别时，可折叠集就不起作用了。例如，如果我先展开一个，然后再展开另一个，两个都保持展开，当一个同级打开时，我需要一个关闭。
第二个方法是使用嵌套的可折叠集合，但是这样我就失去了listview的样式，而我的上级喜欢这样做。我试着使用：
data-role="collapsible listview"
但是没有运气..。有没有人知道如何两全其美，或者我必须决定是用lis
浏览 5提问于2015-08-20得票数 0
1回答
我正在尝试设置可折叠的div。它们工作得很好，但当我打开另一个可折叠的div时，打开的那些不会关闭，除非我手动逐个关闭它们。 如何在打开不同的div时自动使打开的div可折叠？ HTML <html>
<button type="button" class="collapsible">BUTTON</button>
<div class="content">
<p style="padding: 20px 0;">CONTENT</p>
浏览 24提问于2020-04-15得票数 0
回答已采纳
1回答
我从下载了D3.js“可折叠树”代码和json文件。
我在我的电脑中打开了html文件，但我无法在浏览器中可视化这棵树。
我还需要安装其他软件包吗？我需要一棵可折叠的树来进行数据可视化，我用我的数据准备了JSON文件，就像我给出的一样。
浏览 6提问于2017-09-08得票数 0
回答已采纳
我的目标是在某个不属于我的网站上打开所有可折叠的项目。该网站的构建方式是，一次只能打开一个可折叠的项目，而我想一次打开所有项目：Webpage screenshot 在检查元素时，我注意到一旦点击一个项目，它的状态从"display: none;"变为"display: block;"，我可以成功地手动将所有项目从"display: none;"更改为"display: block;"。然而，我希望找到一种更简单的方法，因为该网页包含200多个项目。对如何做到这一点有什么建议吗？ 下面是200个类似项目中的一个项目的代码- &l
浏览 28提问于2019-10-11得票数 2
回答已采纳
问题
LiveView折叠我打开的元素。
详细信息
我有一个在页面加载时折叠的元素：
<a class="collapse_trigger">...</a>
<div class="is-collapsible">
# content updated by liveview
</div>
如果用户单击可折叠对象，则该可折叠对象具有.is-active类。
<a class="collapse_trigger">...</a>
<div class="is-col
浏览 7提问于2020-10-27得票数 6
我已经创建了一个包含部分的可折叠内容，如下所述
<div data-role="collapsible-set">
<div data-role="collapsible" data-collapsed="false">
<h3>Section A</h3>
<p>I'm the collapsible set content for section B.</p>
</div>
<div data-role="collapsible
浏览 0提问于2011-09-07得票数 8
有没有办法使用bootstrap可折叠的html属性用相同的命令打开和折叠两个不同的元素？
我有一个复选框，当我选中它时，我想打开一个可折叠的div，同时我想关闭另一个。但请记住，这不是真正的手风琴，因为我不是有两个命令，而是只有一个命令。
浏览 1提问于2015-09-21得票数 0
我希望能够在一个集合中禁用打开/关闭可折叠的，相反，用户将单击打开元素内的继续按钮，这将进行验证，然后在准备好打开下一个元素时打开下一个元素。我基本上是在使用可折叠集作为向导。我一直在搜索文档，并找到了在崩溃发生时可以捕获事件的位置，但我找不到如何取消它。任何建议，或其他向导类型控件的建议，将完成我所说的，我将不胜感激！
浏览 2提问于2012-10-25得票数 1
回答已采纳
1回答
我在可折叠手风琴中使用controlgroup ...第一个打开的手风琴工作正常，角为控制组运行。
但当我打开另一个控制组时，它不再是可折叠的..
$("#accordion").accordion({
active: 0,
heightStyle: "content",
collapsible: true
});
$("input:radio, input:checkbox").checkboxradio({
icon: false
});
$(".controle").controlgroup();
我在这里创
浏览 0提问于2016-08-06得票数 0
2回答
引导可折叠目标多元素
、、、
我试图使用可折叠的引导来打开/关闭多个元素，但是它只打开一个元素，这是可以实现的吗？
<button data-toggle="collapse" data-target=".elements">Collapsible</button>
<div class="elements collapse">
Lorem1 ipsum dolor text....
</div>
<div class="elements collapse">
Lorem2 ipsum dol
浏览 3提问于2017-11-10得票数 1
回答已采纳
15回答
我可能是个笨蛋，但如何在jQuery UI的手风琴中保持多个部分处于打开状态呢？所有的演示一次只有一个打开...我正在寻找一个可折叠的菜单类型的系统。
浏览 6提问于2010-08-14得票数 97
回答已采纳
我正在使用Ajax控件工具包的可折叠面板扩展器来设计菜单。我的要求是有一个名为“全部展开”的按钮，单击它后，所有可折叠面板都将打开。
我该怎么做。谁来帮帮忙。
浏览 0提问于2009-11-30得票数 0
1回答
我有两个按钮('x'，'cancel')在一个引导折叠，应该切换和关闭可折叠。显示为“x”的第一个按钮工作良好，并关闭可折叠区域，但“取消”没有关闭可折叠区域。有什么想法吗？下面是我尝试设置的一个。另一个问题是，当'x‘关闭可折叠区域，然后我再次打开它，引导井丢失。知道为什么会这样吗？
$(document).on("click", "button.cancel-student-button", function() {
var collapse = $(this).closest("collapse
浏览 2提问于2015-10-10得票数 0
回答已采纳
1回答
塌陷/膨胀塌陷
、、
我创建了一个jQuery单文件折叠的小列表。这是一个结构：
<div data-role="collapsibleset" data-theme="a" data-content-theme="a">
<div data-role="collapsible">
Text content
</div
<div data-role="collapsible">
Text content
</div >
</
浏览 1提问于2014-04-30得票数 0
回答已采纳
背景：--我正在使用 JS创建可折叠的div。当单击具有可折叠标头类的div时，具有类可折叠体的同级div上会出现幻灯片下移动画，显示可折叠体的内容。
我想要完成的是，当点击一个可折叠的标题时，浏览器应该滚动到该div的顶部，以便内容在用户的全部视图中。我使用了一个on事件，它可以在第一个可折叠的地方很好地工作。但是，如果您有一个可折叠的打开，然后单击另一个打开它，它就不会正确地滚动到单击的div的顶部(它将滚动到主体的中间，或者远远高于div的顶部)。
JS on单击功能：
我能够通过编辑物化JS本身来完成我想要做的事情。在我编辑之前，这一行是什么样子的：
object.siblings
浏览 1提问于2017-06-13得票数 0
我使用的是jQuery 2.0.3 _ jQuery Mobile1.4.0\x iScroll5 _ PhoneGap 3.3.0
我有一系列可折叠的div，应该在水龙头上打开。
如果我点击一个div，可折叠不会立即执行。有时需要3秒，有时则需要30秒。
除非我点击一个div，然后立即滚动iScroll容器。无论容器何时滚动，可折叠元素都会立即触发。
当我检查我的台式机上的反应时间时，点击就可以了。它只是敲击，似乎有问题。
当我删除iScroll5时，点击和点击(但显然我不能滚动div)。
的终极问题:我如何使可折叠的火立即抽水？
浏览 2提问于2014-03-13得票数 0
我在可折叠集内执行JavaScript时遇到了问题。我想在可折叠的内部运行-设置某种旋转木马效果。
但不幸的是，该代码仅在打开的选项卡中执行。打开其他选项卡可看到什么也没有。尽管效果的初始化对所有元素都会发生。
在这里你会找到小提琴
代码：全屏：
当您在纵向和横向模式之间切换时，代码的重新初始化也会出现问题。
有没有人知道我如何确保可折叠的代码总是被加载和执行？
预先感谢vis_dev
浏览 2提问于2012-09-20得票数 2
回答已采纳
使用引导3，当可折叠导航条菜单在移动设备中打开时，我面临禁用身体滚动的问题。当折叠菜单打开，如果我们滑动它，背景元素也开始滚动，我不想。我希望当我们在可折叠菜单上滑动时，背景元素不应该滚动。同样的问题也出现在台式机上。
浏览 0提问于2015-07-23得票数 5
回答已采纳
我创建了一个具有如下结构的可折叠菜单：
父级
父母2
亲本3
子范畴
我有以下的javascript
var config = {
over: function() { $(this).children('ul').slideDown('slow'); },
timeout: 5,
out: function() { }
}
$("ul.root-tags li").hoverIntent(config);
$('ul.ro
浏览 0提问于2012-10-21得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
