编辑在jQuery Mobile的一个可折叠的小部件

Question

我试图设计一种形式，它现在是复杂，我形容里面输入元素，所以我创建了一个小提琴：http://jsfiddle.net/tLh72acj/

我认为这显示了我的问题：我可以“T接入无线输入：

<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true"> 
    <input type="radio" name="bestellart" value="vor" id="vor" checked /> 
    <label for="vor">CAN'T</label> 
    <input type="radio" name="bestellart" value="eil" id="eil" /> 
    <label for="eil">TOUCH</label> 
    <input type="radio" name="bestellart" value="ewg" id="ewg" /> 
    <label for="ewg">THIS!</label> 
</fieldset> 

我想控制单选按钮，当我点击它们，但如果我点击可折叠内的任何其他地方我想它来打开（但如果我用单选按钮）。我该如何处理这个问题？

Answer 1

这就是你想要的吗？

JsFiddle

if ($(this).closest(".ui-collapsible").hasClass('ui-collapsible-collapsed')){ 
    $(this).closest(".ui-collapsible").collapsible({collapsed: false}); 
} 
else{ 
    $(this).closest(".ui-collapsible").collapsible({collapsed: true}); 
} 

下面是带有注释的更新：JsFiddle