twitter-bootstrap - 如何使用带有单选按钮列表的 Bootstrap Accordion

Question

我正在尝试构建一个 UI，它将 HTML 单选按钮列表与 Bootstrap 的 collapse 提供的 Accordion 功能相结合。零件。目标是选择任何单选按钮也会在其下方展开一个 Accordion 面板。

Here's a JsFiddle这展示了部分有效的实现。不幸的是，虽然 Accordion 功能有效，但单选按钮并没有被选中(除了最初的选择，它随后永远不会改变)。

请原谅我的示例中的无效 HTML。我知道 input元素没有 href属性，但我不认为这是问题的原因。

我看过this answer对于类似的问题，但我宁愿避免编辑 Bootstrap 代码，并希望可能有一种纯粹的声明方式来完成这项工作。

非常感谢您的建议，
蒂姆

编辑:对于其他面临相同问题的人，此功能在 Bootstrap v3.0 中开箱即用。

Answer 1

我让它与一些额外的 jQuery 一起工作。 jsFiddle

我相信有更优雅的方法可以做到这一点。但它有效。

$('#collapseOne').on('shown', function(){
    $('#radio1').prop('checked', true);
});

$('#collapseTwo').on('shown', function(){
    $('#radio2').prop('checked', true);
});

$('#collapseThree').on('shown', function(){
    $('#radio3').prop('checked', true);
});