JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><a id="link20111">Link for Div 20111</a></li>
    <li><a id="link20112">Link for Div 20112</a></li>
    <li><a id="link20113">Link for Div 20113</a></li>
</ul>

<div id="bottomrightbox">

    <div id="div20111">Content for Div 20111</div>
    <div id="div20112">Content for Div 20112</div>
    <div id="div20113">Content for Div 20113</div>
    
</div>

CSS

#bottomrightbox {
    top: 200px;
    height: 200px;
    width: 650px;
    
}

JavaScript

$(document).ready(function () {
$('#bottomrightbox').children().hide();
    
$('#link20111').click(function () {
$('#bottomrightbox').children().hide();
$('#div20111').fadeIn(500);

});

$('#link20112').click(function () {
$('#bottomrightbox').children().hide();
$('#div20112').fadeIn(500);

});

$('#link20113').click(function () {
$('#bottomrightbox').children().hide();
$('#div20113').fadeIn(500);

});

});