JSFiddle - React, Tailwind, and code Playground

HTML

<div class="yellowC slider">    
    <div class="yellow_back wrap">
        <div id="slide" class="slide_wrap">
        
            <h1>Fiduciary services</h1>
            <p>Corporate services provided by a leading licensed Fiduciary Services<br />
            Provider, operating under the supervision of our Central Bank, offer-<br />
            ing the establishment and professional daily<br />
            management of gaming and lottery companies</p>
            
            <a href="./" class="button"><span>Click here for more information..</span></a>
        </div>
    </div>
</div>


<div class="greenC slider">
    <div class="green_back wrap">
        <div id="slide" class="slide_wrap">
        
            <h1>Fiduciary services</h1>
            <p>Corporate services provided by a leading licensed Fiduciary Services<br />
            Provider, operating under the supervision of our Central Bank, offer-<br />
            ing the establishment and professional daily<br />
            management of gaming and lottery companies</p>
            
            <a href="./" class="button">Click here for more information..</a>
        </div>
    </div>
</div>

<div class="blueC slider">
    <div class="blue_back wrap">
        
        <div id="slide" class="slide_wrap">
        
            <h1>Fiduciary services</h1>
            <p>Corporate services provided by a leading licensed Fiduciary Services<br />
            Provider, operating under the supervision of our Central Bank, offer-<br />
            ing the establishment and professional daily<br />
            management of gaming and lottery companies</p>
            
            <a href="./" class="button">Click here for more information..</a>
        </div>
    </div>
</div>

<div class="orangeC slider">
    <div class="orange_back wrap">
        
        <div id="slide" class="slide_wrap">
        
            <h1>Fiduciary services</h1>
            <p>Corporate services provided by a leading licensed...

CSS

.yellow,
.yellowC{
    background-color:yellow;
}

.green,
.greenC{
    background-color:green;
}

.blue,
.blueC{
    background-color:blue;
}

.orange,
.orangeC{
    background-color:orange;
}

li{
    padding:10px;
    float:left;
}

JavaScript

jQuery(document).ready(function() {

    $('.greenC, .blueC, .orangeC').hide();

    $('.nav li').hover(function() {
        var takeClass = $(this).attr('class');
        
        $('.slider').hide();
        $('.'+ takeClass + 'C').show();
    });

});