问题标签 [collapsable]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1031 浏览

jquery - 带有数据表插件的可折叠表

我正在使用数据表插件进行分页..现在我想要点击表格每一行的可折叠功能...

这是我的代码片段:

inner-tr在点击时隐藏/显示outer-tr
但它给出了一个错误:

我知道发生这种情况是因为表格格式不正确..

有什么建议可以用数据表插件实现折叠表吗???

0 投票
1 回答
113 浏览

javascript - Javascript 菜单在选择之前折叠?

我一直在尝试设置此菜单,以便当用户将鼠标悬停在子菜单上或在移动设备上单击它们时会出现子菜单。目前,我无法测试移动设置,但如果您将鼠标悬停在包含子菜单的链接上,当您尝试从菜单中进行选择时,子菜单会折叠。我不知所措......

HTML:

CSS:

JAVASCRIPT:

0 投票
0 回答
152 浏览

jquery-mobile - jQuery Mobile 中的可折叠偏移

我对可折叠的 jQuery mobile 有疑问。我正在使用多页模板,其中所有页面都在同一个文档中,并用名为 的 div 分隔page。我有两个可折叠的,每个上一个page。我在页面顶部做了一个动画,我的代码在上面:

在第一个可折叠动画作品中,但在第二个中,只有动画slideUpslideDown作品,offset没有任何反应。

为什么??

感谢帮助!

0 投票
0 回答
22 浏览

jquery - 修改现有脚本可折叠列表

晚上。

我正在查看这个脚本可折叠列表,并希望有人可以帮助我稍微修改它。

此页面上有一个现场演示:这里我已经创建了一个 JFiddle HERE

目前,当页面加载时所有部分都已完全展开,有什么方法可以在它们折叠的情况下启动脚本?

无论如何一次只显示一个扩展部分?即:如果显示A并且我点击B,那么B应该打开并且A应该关闭。

如何在条目周围添加边框?所以当关闭时只显示标题,但是当展开时在正确的部分周围显示 2px 边框?

到目前为止,我已经设法通过添加以下内容来加载折叠的标题:

至 :

这有效,但要扩展标题部分,我必须双击它,而不是单击它.. 任何方式都可以通过单击来完成?

我试图通过添加以下内容使其一次只显示一个标题部分:

至 :

但这只是在单击一个标题时删除了所有标题!

我不确定如何在扩展时将边框添加到 UL。我希望它看起来像这样: 边界

我希望有人可以帮助我。非常感谢

** 更新 **

当 UL 使用以下方法展开和折叠时,我的边框会出现和隐藏:

但是,当我搜索某个部分是否不包含匹配项时,UL 已关闭,但边框仍然可见。反正围绕那个?

0 投票
1 回答
522 浏览

twitter-bootstrap-3 - Bootstrap 3 可折叠仅适用于锚点 - 导致滚动

我有一个 bootstrap 3 手风琴

这个标记在手风琴正确打开和关闭时起作用。但是,它正在滚动到 DD 打开和关闭时的锚点。这不是我想要的行为。

我曾尝试将锚标签更改为 div,但这打破了我的手风琴。只有当我放入一个锚点来点击时,不同的可折叠项才会打开。

0 投票
2 回答
4571 浏览

javascript - Extjs Accordion Header - Move collapse button to left of header title

I have accordion layout having collapse button on right side (this is the default behaviour). How can I change the collapse button position to left?

0 投票
0 回答
263 浏览

javascript - 点击折叠手风琴

我正在使用一个包含手风琴的 worpdress 主题。我需要能够在点击时关闭手风琴。下面是主题中包含的手风琴.js 文件的代码。你能给些建议么?

0 投票
0 回答
687 浏览

ruby-on-rails - 使用 bootstrap 3 css 更改黑光方面的箭头图标方向

我正在尝试添加随着黑光搜索方面折叠并重新打开时改变方向的箭头图标,如下所示:http: //www.bootply.com/88286该图标出现但折叠时不会改变。以下是每个方面组或“面板面板默认”div 的部分内容

我添加到引导 css 的 css:

0 投票
1 回答
7818 浏览

twitter-bootstrap - Twitter Bootstrap:仅将某些菜单项折叠到下拉列表中

我想知道如何创建一个 Twitter Bootstrapnavbar来折叠该菜单中的项目,在调整浏览器窗口大小时一次折叠一个或两个项目。

我见过的大多数导航栏都将整个导航栏折叠成一个下拉菜单;调整窗口大小时,基本上隐藏该导航栏上的所有内容。但我仍然需要它来显示一些菜单项;所以局部崩溃。

这是我的意思的一个例子(下面的菜单):

主页 | 关于 | 服务 | 订购 | 接触

当浏览器窗口从右侧调整大小时,我想要它做的是将最后一个菜单项(或两个)放入下拉列表中,因此它看起来像这样:

主页 | 关于 | 服务 | 更多的

“更多”需要自动创建为下拉菜单,并在该下拉菜单中自动列出“订单”和“联系”菜单项。随着窗口变小,导航栏中的更多项目将添加到该下拉菜单中。当浏览器窗口调整为全屏宽度时,导航栏恢复正常。这是需要的。

在我查看过的许多链接中,我发现了几个链接(不会将整个导航栏撞到一个下拉菜单中),但仍然像所有其他链接一样,它没有按照我的描述进行:

  1. http://jsfiddle.net/caio/gvw7j/embedded/result/
  2. Twitter Bootstrap 多级下拉菜单

使用上面的任何示例来实现我需要的最佳方法是什么?

0 投票
2 回答
13449 浏览

html - bootstrap 3 mobile折叠淡入淡出切换

0是否有替换移动导航栏折叠上的向下滑动动画以在调用时淡入/淡出?我尝试使用 CSS 关键帧并设法使动画正常工作,但相反 - 不是在调用时菜单淡入和淡出,而是在页面加载时打开菜单并在按下切换按钮时淡出。

这是导航html:

CSS如下:

我仍在学习如何掌握 Bootstrap 3,因此我们将不胜感激地获得任何帮助。