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();
    
  $('ul a').click(function(event) {
    var divID = "#div" + event.target.id.substring(4);
    $('#bottomrightbox').children().hide();
    $(divID).fadeIn(500);
  });
});