編輯在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