Щебетать с помощью бутстрапа, радио внутри заголовка

Question

Как я могу установить Радиоприемник внутри заголовка коллапса?

См http://jsfiddle.net/dhamaso/LMDMN/3/

<div class="accordion" id="accordion"> 
    <div class="accordion-group"> 
    <div class="accordion-heading"> 
     <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> 
      <label class="radio"> 
       <input type="radio" name="address" value="addres_1" id="address_1"/> 
        Shipping Address 1 
      </label> 
     </a> 
    </div> 
    <div id="collapseOne" class="accordion-body collapse"> 
     <div class="accordion-inner"> 
     Anim pariatur cliche 1... 
     </div> 
    </div> 
    </div> 
    <div class="accordion-group"> 
    <div class="accordion-heading"> 
     <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"> 
     <label class="radio"> 
       <input type="radio" name="address" value="addres_2" id="address_2"/> 
        Shipping Address 2 
      </label> 
     </a> 
    </div> 
    <div id="collapseTwo" class="accordion-body collapse"> 
     <div class="accordion-inner"> 
     Anim pariatur cliche 2... 
     </div> 
    </div> 
    </div> 
</div> 

Если вы видите флажок, не стреляя проверенное событие при нажатии на него. Как я могу это сделать?

Answer 1

Ну что-то с функцией свертывания Bootstrap мешает переключателю. Вот один из способов сделать это.

$('#accordion').on('shown', function() { 
    $('#accordion .in').parent().find('input[name=address]').prop('checked',true); 
}); 

http://jsfiddle.net/LMDMN/5/

У меня есть применить проверку после того, как новое содержание shown или иначе это не будет работать.

Возможно, есть способ сделать это вручную, если это решение не сработает для вас.