问题标签 [collapsable]

我使用 php/javascript 制作了一个树形视图。我只是不知道如何在页面加载时使其预先折叠。

这是代码，请提出想法。

这是jQuery部分：

正如我所说，当页面加载时，我需要关闭所有节点。我想应该使用一些 JavaScript 函数，但恐怕我做不到。有什么解决办法吗？

我使用了来自jsfiddle 68RXP collapse-group的示例来创建一个可扩展的 div：

HTML：

Javascript：

btn按下时，类p在展开和折叠模式之间切换。

我尝试对递归可折叠 div 使用相同的概念：

与之前相同的 js 代码，请参见jsFiddle WdbUe。

第一次打开外部可折叠 div 时，内部 div 也会打开。如何将每个expand按钮耦合到一个可折叠的 div？

我真正的愿望是为 JQM 创建一个可选择的树（每个元素有 3 个值）。我尝试使用嵌套的可折叠分区，这很好用。但是当我尝试在每个可折叠栏上添加 3 个收音机时，事件无法正常触发。

我认为折叠/展开事件挂钩了收音机的点击事件。效果是当您单击单选时，可折叠项被展开并且未选中单选。

这是带有示例的 jsfiddle：http: //jsfiddle.net/Hz8Ef/

任何的想法？我可以用其他方式吗？

上面的代码遍历 xml 并将项目打印为 - ABCBDCD E。我想让它成为一个可折叠的列表，就像在给定的链接中一样：http ://www.sendesignz.com/index.php/jquery/77-how-to -create-expand-and-collapse-list-item-using-jquery

关于如何使其可折叠的任何提示？

编辑：感谢您的帮助。抱歉，我不能接受一个以上的正确答案。所以 Shikiryu 的解决方案也是正确的。

我有一个包含 4 个主要项目的菜单，每个项目有 3 到 5 个子项目。

请检查完整的代码。

正如您在 jsFiddle 中看到的那样，所有菜单项在单击时都会在另一个 div 中显示一些文本。我把它放在那里以防需要进一步的 javascript 帮助。我想要的是折叠所有 .sub 菜单，当我将鼠标悬停在其中一个主要菜单上时，它会展开相应的 .sub 项目，以便用户可以看到。谢谢！

编辑：

我设法在其中一个评论中获得了一个不错的教程，并想出了这个！

我现在需要的是一种从相应的 .main 菜单中显示所有 .sub 菜单的方法，而不仅仅是第一个菜单。

我想创建collapsable（或foldable）句子。重要的是，它们应该嵌入到段落中并与文本的其余部分一起流动。我正在使用 Java / Swing，JEditorpane在DefaultStyledDocument. 例如：

[-] 这是第一句话
。[-] 这是
第二句。[-] 这是
第三句。

当第二句被折叠时，它变成：

[-] 这是第一句话
。[+] [-] 这是
第三句。

该网页有一个如何折叠文档区域的示例，但该区域没有嵌入到段落中。我的问题是试图决定基于哪个视图。

• 创建 SentenceView 作为 LabelView 的扩展：问题是 LabelView 不支持具有不同样式属性的部分。也许我可以添加这个，但是大多数具有多个子视图的视图都是基于 CompositeView 的。
• 创建 SentenceView 作为BoxView的扩展：也许，但我无法弄清楚如何将它嵌入到 ParagraphView 中，使其与文本正确流动。
• 扩展ParagraphView：我可以创建某种超级感知的 ParagraphView 来了解句子的开始和结束位置并处理所有折叠。我可能可以让它工作，但这几乎肯定是错误的做法。

如果有人可以给我一个指针（或直觉），我可以最好地将 SentenceView 建立在什么基础上（或其他一些可以帮助我长时间的提示），我将非常感激。

借助我在这个站点上找到的一些编码，我在 JQuery 中创建了一个可折叠菜单。

一切正常。但现在是时候让我了解它的工作原理和原因了。

jQuery：

HTML 和 CSS 在这里：JSFIDDLE！

有人可以为我分解代码，并解释它的作用。

我知道它在页面加载时隐藏了我的 .submenu 类。当我单击类时，打开 .submenu。下滑

但后来我有点迷失了它对我的 .close 课程的作用。

提前致谢！

从这段代码开始

这将返回设备中安装的应用程序列表，我希望该列表是可折叠的。例如，我有一个按钮，当我单击它时，列表将出现，当我再次单击按钮时，列表消失。我该怎么做？

现在，我们都经常看到可折叠的标题。我真的很喜欢它给页面带来的效果，它提供了更多的部门。我想实现这种部门效果，但我并不真正需要固定标题的功能。

现在我已经看到了可折叠的标题，一旦可折叠的标题离开页面，固定标题就会变小。是否可以在可折叠标题离开页面时使固定标题不再固定？并使其与其余内容一起滚动离开页面？

我想用 Bootstrap 折叠手风琴替换我拥有的允许用户“阅读更多”的脚本。我的问题是，据我所知，手风琴要么是打开的，要么是关闭的。

有谁知道在关闭模式下显示一些文本的选项？

在我现在使用的脚本中，我可以通过更改文本区域的高度来使一些文本可见，但在 Bootstrap 中，此选项不起作用。当我更改.in或.out（控制文本区域高度的 css）的高度时，它只会打开和关闭直到该高度。有没有人找到解决方法？

我的 HTML：