问题标签 [collapsable]

我在这里整理了一个 Bootply 演示：http: //www.bootply.com/Ss2aAnzqlZ。

根据http://getbootstrap.com/components/#panels-tables，它是一个带有表格的面板。但是，我还使面板可折叠。折叠位工作正常，但桌子本身不保持形状。正如您将在 Bootply 中看到的，当您第一次加载页面时，它不会填满面板的宽度。当您单击面板标题中的“改进”以折叠面板时，表格在动画期间占据整个面板宽度，然后消失。当您再次单击以显示面板内容时，表格是整个宽度，直到动画停止，此时，它会缩小到看起来像“自动”宽度的位置。

奇怪的是，检查 table 元素显示 table 本身是全宽的，但 thead、tbody 和 tfoot 不是。

我已经将其追踪到表中“collapse”类的存在。如果您在没有“折叠”类的情况下启动 Bootply，则它是全宽的，直到您折叠面板。当你展开它时，它会回到自动宽度。我不知道为什么……你呢？

这是片段，但折叠似乎没有在这里运行。Bootply 更好。

这似乎与 bootstrap 提供的手风琴功能不同。

举个例子，让我们现在就以“如何格式化”信息为例。我希望它只显示 X 像素深，然后停止直到展开。所以它可能看起来像：

然后，一旦扩大，

我碰巧正在使用引导程序。是否有引导本机或其他 HTML 解决方案来创建这种体验？

假设我只想展示的东西是单个元素，例如图像，而不是一系列文本。这意味着像 min-height:50px 和 overflow:hidden 这样的解决方案将不起作用，因为它只会隐藏整个图像而不是其中的一部分。

先免责声明：1）有史以来的第一个问题，我希望我做对了，如果不是这样，请道歉。2) 英语不是我的母语，如有错误请见谅。3）进行了搜索，但找不到答案。

尝试用语言解释将意味着很多话，而 bootply 可以说明一切：

http://www.bootply.com/EBIMFQ5jEC

基本上，我想要的几乎是工作，除了这个：例如，我希望单击“标题 3”（在您单击“标题 1”或“标题 2”之后）隐藏“第一/第二列（s )”，因此“第三列”是唯一显示的列（当然反之亦然）。我希望这很清楚。

我用 data-parent 尝试了一些东西（例如： http: //www.bootply.com/pgoT2IPG8D为data-parent="#collapse1"前三个按钮添加了）但无法实现任何目标......

提前感谢您的帮助！

我正在尝试在 Bootstrap 中使用 Collapse 功能，并且在大多数情况下它都在工作。我本质上是在创建一种手风琴，虽然它看起来不像一个手风琴，因为我只希望一次可以看到一个面板。不过，我没有使用 Bootstrap 的手风琴功能，因为它似乎依赖于使用面板，而我不想这样做。

因此，几乎可以使用它，唯一的问题是，如果您展开一个 div，然后单击“标题”（只是另一个 div）打开另一个，原来的 div 也会保持展开状态。它们并不相互排斥。我认为这可以通过在我的 jQuery 脚本中添加一行来轻松解决，该脚本在单击“标题”div 时调用，这将在展开与单击的“标题”相关联的面板之前隐藏所有可折叠面板，但由于我无法弄清楚的原因出来，添加该行实际上是在单击第一个“标题”时导致所有可折叠面板展开。但是，在最初的点击之后，一切正常。我难住了！

我创建了一个小提琴来显示这里的问题。

我正在尝试获取一个在点击时可能会崩溃的 DIV。对于这个简单的例子，点击是直接在整个 DIV 上触发的。

我的示例显示了两种情况：第一种使用“固定”宽度对象，而第二种使用“百分比”宽度。

单击时，第一个 DIV 会截断而不调整其内容大小，从而导致隐藏溢出内容，但它需要基于 px 的宽度，这不是那么理想

相反，第二个根据容器的宽度调整内容，它允许我使用 %，但不会像我想要的那样在折叠时隐藏内容。

所以，我想设置内容宽度为容器宽度的 %（也可以有 % 宽度），就像在第二个例子中一样，但是在容器折叠的情况下第一个行为。

我是 Xcode 的新手，现在我正在开发一个可扩展/可折叠的 UITableView。基本思想是在单击第一个主单元格时创建新的子下拉单元格，并且子单元格可以转到详细视图。但我希望从这些新的子单元中继续查看详细视图。我发现有两种选择：

• 创建一个转场
• 创建一个推送视图控制器。

我拖动了一个新的视图控制器并定义了它的故事板 ID，并尝试以编程方式创建一个 segue 来推送新的细节视图。但它不工作。有人可以帮我吗？谢谢。

//didSelectRowAtIndexPath

我通过单击将数据附加到外部面板内的可折叠 div 的列表项来打开一个新页面。我第一次打开它时，样式保留在可折叠 div 上，但如果我返回并尝试打开另一个项目，样式已消失，但数据仍然存在。我觉得我已经通过添加创建、刷新、增强等方法尝试了所有方法，但没有运气。有任何想法吗？？

Java 脚本：

HTML

我目前正在 JavaFX 中寻找解决方案以实现类似 GWT 中的 DisclosurePanel 的行为，请参阅http://samples.gwtproject.org/samples/Showcase/Showcase.html#!CwDisclosurePanel。

我已经尝试使用 TitledPane 构建一些东西，但它看起来或工作得不好。

我正在使用 FXML：

在此示例中，相应的 Java 代码只是一个开始。

我想要的是 TitledPane 覆盖 TreeView。这样 TitledPane 的内容就在 TreeView 前面，不会把 TreeView 往下推。

我不能发布原型的图片，还没有足够的声誉，对不起。

每一个想法都值得赞赏。提前致谢。

最好的祝福。

我需要使用最佳方式显示带有自定义标题的搜索视图的建议。

我的 headerlayout 最初应该是这样的

并且点击标题右侧的搜索按钮后，必须像这样用搜索输入字段替换标题标题和菜单图标部分。

在这种状态下压回，应该直接回到初始状态。

我怎样才能做到这一点？

我正在使用 d3.js 的可折叠树示例。我在节点点击时成功加载了外部 json 数据。现在我想显示预加载图像，直到从我单击的相应节点附近的服务器检索到 json 数据。

我在所有节点内附加了一个 div 标签，并在所有附加的 div 标签内为 gif 提供了一个 img src。我无法实现解决方案。

在我的代码示例下方：