Редактирования входной элемент внутри разборный виджет в JQuery Mobile

Question

Я попытался разработать форму, которая теперь сложен для меня, чтобы описать, так что я создал скрипку: http://jsfiddle.net/tLh72acj/

Я думаю, что это показывает мою проблему: я могу «т получить доступ к радио-вход:

<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