JSFiddle - React, Tailwind, and code Playground

HTML

<dl class="serviceOption">  
     <dt>
         <input type="radio" name="serviceOptions" id="option01" value="value01">
         <label for="option01">Option 1</label>
     </dt>  
     <dd>Show more information on Option 1</dd>
     <dt>
         <input type="radio" name="serviceOptions" id="option02" value="value02">
         <label for="option02">Option 2</label>
     </dt>
     <dd>Show more information on Option 2</dd>
 </dl>

JavaScript

$('.serviceOption').find('dd').hide().end().find('dt').click(function() {
    var moreInfo = $(this).next();
    if (moreInfo.is(':visible')) {
        moreInfo.slideUp();
    } else {
        moreInfo.slideDown('slow');
    }
   });