JSFiddle - React, Tailwind, and code Playground

HTML

<div id="portfolioContent">
    <div class="portfolio-destaques">
        <p class="destaques-data">2010-03-10</p>
        <h3><a href="#" class="change">Mauris aliquet mattis metus</a></h3>
        <p>Requerente: <a href="http://localhost:8888/aspp/requerente/ornare/" rel="tag">Ornare</a> <a href="http://localhost:8888/aspp/requerente/pede/" rel="tag">Pede</a> Localização: <a href="http://localhost:8888/aspp/localizacao/matosinhos/" rel="tag">Matosinhos</a> Tipologia: <a href="http://localhost:8888/aspp/tipologia/amet/" rel="tag">Amet</a> <a href="http://localhost:8888/aspp/tipologia/elit/" rel="tag">Elit</a></p>
        <div class="highlight">
            <p>Aliquam aliquet, est a ullamcorper condimentum, tellus nulla fringilla elit, a iaculis nulla turpis sed wisi. Fusce volutpat. Etiam sodales ante id nunc. Proin ornare dignissim lacus. Nunc porttitor nunc a sem. Sed sollicitudin velit eu magna. Aliquam erat volutpat. Vivamus ornare est non wisi. Proin vel quam. Vivamus egestas. Nunc tempor diam vehicula mauris. Nullam sapien eros, facilisis vel, eleifend non, auctor dapibus, pede.</p>
        </div>
    </div>
    <div class="portfolio-destaques">
        <p class="destaques-data">2006-11-08</p>
        <h3><a href="#" class="change">Cras aliquam massa ullamcorper sapien</a></h3>
        <p>Requerente: <a href="http://localhost:8888/aspp/requerente/enim/" rel="tag">Enim</a> Localização: <a href="http://localhost:8888/aspp/localizacao/matosinhos/" rel="tag">Matosinhos</a> Tipologia: <a href="http://localhost:8888/aspp/tipologia/ipsum/" rel="tag">Ipsum</a></p>
        <div class="highlight">
            <p>Pellentesque vel dui sed orci faucibus iaculis. Suspendisse dictum magna id purus tincidunt rutrum. Nulla congue. Vivamus sit amet lorem posuere dui vulputate ornare. Phasellus mattis sollicitudin ligula. Duis dignissim felis et urna. Integer adipiscing congue metus. Nam pede. Etiam non wisi. Sed accumsan dolor ac augue. Pellentesque eget lectus. Aliquam nec...

CSS

#portfolioContent {
    position: absolute;
    top: 20px;
  
    width: 670px;
}
.portfolio-destaques {
    position: relative;
    background: transparent url('images/menu_bg_dark.png');
}
.portfolio-destaques:hover {
    background: transparent url('images/menu_bg.png');
}

JavaScript

var t1;
$('.portfolio-destaques a.change').hover(function(){
   
  
        $(this).filter('.highlight').slideUp('fast');
  
},function(){
 
     
        $(this).filter('.highlight').slideDown('fast');
  
})