JSFiddle - React, Tailwind, and code Playground

HTML

<input type="radio" name='thing' value='valuable' data-id="bank" selected="selected" />Running Event
<input type="radio" name='thing' value='valuable' data-id="school" />Other challenges
<div id="school" class="select">
    <label for="name">What was the activity called?</label>
    <select id = "myList">
    <option value = "1">Virgin London Marathon</option>
    <option value = "2">Round the Island cycle challenge</option>
    <option value = "3">Kilimanjaro trek</option>
    <option value = "4">Thames Path Challenge</option>
    </select>
</div>
<div id="bank" class="select">
    <label for="name">What was the activity called?</label>
    <select id = "myList"
        <option value = "1">Pancake Making</option>
        <option value = "2">Egg and spoon race</option>
        <option value = "3">Sack race </option>
        <option value = "4">Three leg race</option>
    </select>
</div>

CSS

.select {
    display: none;
}

JavaScript

$('input[type="radio"]').click(function (event) {    
    $(".select").hide();
    var id = $(this).data('id');
    $('#' + id).show();
});