JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.no-icons.min.css">
<div class="accordion" id="accordion2">
  <div class="accordion-group">
    <div class="accordion-heading">
        <label class="radio inline" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne" >
            <input type="radio" checked="checked" id="radio1" name="rdo"  />
            Collapsible Group Item #1
        </label>
    </div>
    <div id="collapseOne" class="accordion-body collapse in">
      <div class="accordion-inner">
        Anim pariatur cliche...
      </div>
    </div>
  </div>
    
  <div class="accordion-group">
    <div class="accordion-heading">
        <label class="radio inline" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo" >
            <input type="radio" id="radio2" name="rdo"  />
            Collapsible Group Item #2
        </label>
    </div>
    <div id="collapseTwo" class="accordion-body collapse">
      <div class="accordion-inner">
        Anim pariatur cliche...
      </div>
    </div>
  </div>
    
  <div class="accordion-group">
    <div class="accordion-heading">
        <label class="radio inline"  data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
            <input type="radio" id="radio3" name="rdo"  />
            Collapsible Group Item #3
        </label>
    </div>
    <div id="collapseThree" class="accordion-body collapse">
      <div class="accordion-inner">
        Anim pariatur cliche...
      </div>
    </div>
  </div>
</div>

JavaScript

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

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

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