JSFiddle - React, Tailwind, and code Playground

HTML

<input type="radio" name="picker" class="picker" value="1"/>
    <input type="radio" name="picker" class="picker" value="2"/>
    <input type="radio" name="picker" class="picker" value="3"/>

    <ul class="content">
      <li>foo1</li>
      <li>foo2</li>
      <li>foo3</li>
    </ul>

CSS

.content li { display: none; }
.content li.active { display: block; }

JavaScript

$('.picker').on('click', function() {
      $('.content .active').removeClass('active');
      $('.content li').eq($(this).val() - 1).addClass('active');
    });