Bootstrap 3 collapse based by radio button

by mylastof

HTML

<div class="col-xs-12 form-group">
    <label class="radio-inline">
        <input type="radio" class="send-now" name="when" value="send-now" checked> <strong>Send Now</strong>
    </label>
    <label class="radio-inline">
        <input type="radio" class="pickup" name="when" value="pickup"> <strong>Hold for pickup</strong>
    </label>
    <label class="radio-inline">
        <input type="radio" class="fax" name="when" value="fax"> <strong>Fax</strong>
    </label>
    <label class="radio-inline">
        <input type="radio" class="email" name="when" value="email"> <strong>Email</strong>
    </label>
</div>
<div class="col-xs-12">
    <div class="collapse send-now">
        <p>Send</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet convallis metus. Aenean rhoncus a nulla in venenatis. Sed eget ipsum nulla. Ut id turpis at ipsum sollicitudin consequat.</p>
    </div>
    <div class="collapse pickup">
        <p>Pickup</p>
        <p>Etiam nulla leo, ultricies quis hendrerit et, hendrerit vel nisi. Ut at massa interdum, varius orci vel, viverra orci. Ut quis sagittis felis.</p>
    </div>
    <div class="collapse fax">
        <p>Fax</p>
        <p>Donec nisi nulla, commodo ut dictum sit amet, dictum tempus lacus. Pellentesque nec odio nisl. Donec tristique ipsum vel ante varius, ac gravida felis aliquam. Maecenas id sem eget ligula luctus sodales non quis diam.</p>
    </div>
    <div class="collapse email">
        <p>Email</p>
        <p>Integer faucibus blandit augue at varius. Morbi et ullamcorper justo. Nullam sollicitudin vehicula purus, eu feugiat purus tristique pharetra. Duis tincidunt sollicitudin lacinia.</p>
    </div>
</div>

CSS

body {
     margin: 10px;
 }
 .collapse {
     display: none;
 }
 .collapse.send-now {
     display: block;
 }

JavaScript

$('input[type=radio]').on('change', function () {
    if (!this.checked) return
    $('.collapse').not($('div.' + $(this).attr('class'))).slideUp();
    $('.collapse.' + $(this).attr('class')).slideDown();
});