JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript" charset="utf-8"></script>

<div id = "1" >
    <div id="logoBlock" style="float:left; background-color:#CF6; width:15%; min-height:120px; border-top-left-radius:5px; border-bottom-left-radius:5px; margin-bottom:2%;"> 
        <center>  
        logoBlock
        </center>
    </div>
    
    <div id="descriptionBlock" style="float:left; background-color:#CCD9F7; width:60%; min-height:120px; max-height:120px; overflow:hidden; border-top-right-radius:5px; border-bottom-right-radius:5px; margin-bottom:2%;"> 
        descriptionBlock descriptionBlockdescriptionBlockdescriptionBlock
        descriptionBlockdescriptionBlockdescriptionBlockdescription
        descriptionBlockdescriptionBlockdescriptionBlockdescriptionBlock
        descriptionBlockdescriptionBlockdescriptionBlockdescriptionBlock
        descriptionBlockdescriptionBlockdescriptionBlockdescriptionBlock
        descriptionBlockdescriptionBlockdescriptionBlockdescriptionBlock
        descriptionBlockdescriptionBlockdescriptionBlockdescriptionBlock
        descriptionBlockdescriptionBlockdescriptionBlockdescriptionBlock
        descriptionBlockdescriptionBlockdescriptionBlockdescriptionBlock
        descriptionBlockdescriptionBlockdescriptionBlockdescriptionBlock
        <p></p>
        Some more content
    </div>
    
    <div id="promotionBlock" style="float:left; background-color:#FFE6E7; width:15%; min-height:120px; margin-bottom:2%;"> 
       promotionBlock
    </div>    
</div>


<div id = "1" >
    <div id="logoBlock" style="float:left; background-color:#CF6; width:15%; min-height:120px; border-top-left-radius:5px; border-bottom-left-radius:5px; margin-bottom:2%;"> 
        <center>  
        logoBlock
        </center>
    </div>
    
    <div id="descriptionBlock" style="float:left; background-color:#CCD9F7; width:60%; min-height:120px; max-height:120px; overflow:hidden; border-top-right-radius:5px;...

CSS

.hover > div {
    background-color: #0f0 !important;
}

JavaScript

$('#logoBlock,#promotionBlock,#descriptionBlock').hover(function() {
    $(this).parent().toggleClass('hover');

    $('#logoBlock,#promotionBlock,#descriptionBlock').click(function() {
        jQuery(this).next("#logoBlock,#promotionBlock,#descriptionBlock").slideToggle(500);
        
    });
});