JSFiddle - React, Tailwind, and code Playground

HTML

<input type="radio" runat="server" id="radioImg" value="Image" text="Image" data-target="pnlImgSlider1" checked name="radioslider"/>a
<input type="radio" runat="server" id="radioVideo" value="Video" text="Video" data-target="pnlVideoSlider1" name="radioslider"/>b
<div ID="pnlImgSlider1" Style="display:none;" class="slider">aa</div>
<div ID="pnlVideoSlider1" Style="display:none;" class="slider">bb</div>

JavaScript

$('[name="radioslider"]').click(function () {
    var target = $(this).data('target');
    $('.slider').css('display', 'none');
    $('#' + target).css('display', 'block');
});