- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用?
- database - RESTful URI 是否应该公开数据库主键?
我使用了 jsfiddle 68RXP 中的示例collapse-group
创建一个可扩展的 div:
HTML:
<div class="span4 collapse-group">
<h2>Heading</h2>
<p class="collapse">Lorem ipsum</p>
<p><a class="btn" href="#">View details »</a></p>
</div>
Javascript:
$('.row .btn').on('click', function(e) {
e.preventDefault();
var $this = $(this);
var $collapse = $this.closest('.collapse-group').find('.collapse');
$collapse.collapse('toggle');
});
当按下 btn
时,p
类在展开和折叠模式之间切换。
我尝试对递归可折叠 div 使用相同的概念:
<div class="collapse-group">
<p><a class="btn" href="#">Open outer div »</a></p>
<div class="collapse">
<h2>Outer div title</h2>
<p>Outer div text</p>
<div class="collapse-group">
<p><a class="btn" href="#">Open inner div »</a></p>
<div class="collapse">
<h2>Inner div title</h2>
<p>Inner div text</p>
</div>
</div>
</div>
</div>
与之前相同的js代码,参见jsFiddle WdbUe .
第一次打开外部可折叠 div 时,内部 div 也会打开。 如何将每个 expand
按钮耦合到一个可折叠的 div?
最佳答案
我为每个可折叠的 div
使用了 data-toggle="collapse"data-target="#some_id"
和一个不同的 id:
<div class="container">
<div class="hero-unit">
<h2>Bootstrap-jQuery collapse example</h2>
<p>Based on <a href="http://jsfiddle.net/Sherbrow/68RXP/">fiddle 68RXP</a></p>
<div class="collapse-group">
<p><a class="btn" data-toggle="collapse" data-target="#demoout">Open outer div »</a></p>
<div class="collapse in" id="demoout">
<h1>Outer div title</h1>
<p>Outer div text</p>
<div class="collapse-group">
<p><a class="btn" data-toggle="collapse" data-target="#demoin">Open inner div »</a></p>
<div class="collapse in" id="demoin">
<h2>Inner div title</h2>
<p>Inner div text</p>
<div class="collapse-group">
<p><a class="btn" data-toggle="collapse" data-target="#demoinin">Open inner div »</a></p>
<div class="collapse in" id="demoinin">
<h3>Inner-inner div title</h3>
<p>Inner-inner div text</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
使用此 js
代码:
$(document).ready(function(){
$(".collapse").collapse();
});
工作示例:jsfiddle K63P3
来源:aximay@jsbin .
关于javascript - Bootstrap : collapse-group within collapse-group,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15544608/
我想编写一个 linq 表达式,该表达式将返回不包含特定值的 ID。例如,我想返回所有不具有 Value = 30 的不同 ID。 ID, Value 1, 10 1, 20 1, 30 2,
我正在尝试使用 Regexp 匹配 Nmap 命令的输出。可以有两种不同的格式。 第一种格式(当 nmap 可以找到主机名时) Nmap scan report for 2u4n32t-n4 (192
我正在 Visual Studio 2012 上使用 C# 开发一个软件。我使用 MySQL Connector 6.9.1 进行 MySQL 连接。我的软件在我的操作系统(Win8 x64)上运行顺
在 Django 中(使用 django.contrib.auth 时)我可以添加一个 Group到另一个 Group ?即一个Group成为另一个成员(member) Group ? 如果是这样,我
我试图通过使用动态组参数对数据进行分组来循环。 我们可以在循环的 WHERE 条件上使用动态查询,但我不知道是否可以在组条件中使用动态字符串。 以下是用户决定按哪个字段分组,然后根据决定放置其他逻辑的
我有这样的字符串 s = 'MR1|L2-S1x' 模式总是相同的:一个或两个字符,在 [|.+:x-] 中可选地后跟一个数字和一个分隔符。此模式可以重复 6 次。 所以匹配模式很明确。 p = r'
我有一个带有时间戳字段“bar”的表“foo”。如何仅获取查询的最旧时间戳,例如: SELECT foo.bar from foo?我尝试执行以下操作: SELECT MIN(foo.bar) fro
在我的 Django 项目中,我有一个 user_manage 应用程序。 我在 user_manage 应用的 model.py 中创建了一个名为 UserManage 的模型: from djan
所以我有这样的输入: 还有一个模板指令,例如: 看来我只获得了 foo 和 bar 的组。 (为什么?我预计我可能会得到第三组 current-group-key() = '')。
我正在尝试扩展 django.contrib.auth 并遇到将用户添加到组中的情况,这可以通过两种方式完成。我只是想知道为什么会这样,以及其中一种相对于另一种的优势是什么。 最佳答案 他们做完全相同
我使用的是旧的 PHP 脚本,并且此查询有错误。由于我没有使用 mysql 的经验,因此无法修复它。 "SELECT COUNT(p.postid) AS pid, p.*, t.* FROM ".T
我有几行 Objective-C 代码,例如: ABAddressBookRef addressBook; CFErrorRef error = NULL; addressBook = ABAddre
我正在使用 MariaDB IMDB 电影数据集,我试图解决以下问题。电影表包含 id、名称、排名和年份列 A decade is a sequence of 10 consecutive years
让我从数据开始,以便更好地描述我的需求。我有一个名为 SUPERMARKET 的表,其中包含以下字段: Field 1: StoreID Field 2: ProductCategory Field
你好我有这个查询: SELECT DISTINCT a.id, a.runcd, (SELECT SUM(b.CALVAL) FROM GRS b WHERE b.PCode=11000 AND a.
我想在 xquery 中使用 Group By。有人可以告诉我如何在 Marklogic 中使用 Group By 吗? 最佳答案 或者,您可以使用 xdmp:xslt-invoke 调用 XSLT或
因此,当通过 from sequelize 请求组时,如下所示: return models.WorkingCalendar .findAll({
我希望我解释正确。 我有 2 个表,有 第一个表(table1) +------------+------+-------+-------+ | Date | Item | Block |
我的表 MYTABLE 有 2 列:A 和 B 我有以下代码片段: SELECT MYTABLE.A FROM MYTABLE HAVING SUM(MYTABLE.B) > 100
我有一个简单的行分组查询,需要 0.0045 秒。 300.000 行 从表 GROUP BY cid 中选择 cid 当我添加 MAX() 进行查询时,需要 0.65 秒才能返回。 从表 GROUP
我是一名优秀的程序员,十分优秀!