JSFiddle - React, Tailwind, and code Playground
HTML
<div id="lista" style="">
<ul>
<li>Div1</li>
<li>Div2</li>
<li>Div3</li>
<li>Div4</li>
</ul>
</div>
<div id="Div1">Div numero 1</div>
<div id="Div2">Div numero 2</div>
CSS
#Div1, #Div2 {
display: none;
}
JavaScript
[1, 2].forEach(function (div) {
$('li:contains(Div'+ div +')').on('click', function () {
$('#Div'+ div +'').siblings(':not(#lista)').fadeOut('slow').queue(function () {
$('#Div'+ div +'').fadeIn('slow');
$(this).dequeue();
});
});
});