ocultar div

[miche23]

Hola amigos del foro
lo que tengo es lo siguiente:

html:

Código:

<div class="rowcontent" id="<?php echo $row['idTipoProblema']; ?>">
                        
    <div class="cell90 borderB"><?php echo $row['tipoProblema']; ?>
        <span class="actions">
            <a href="#" class="btnEditTipoProblema" id="<?php echo $row['idTipoProblema']; ?>">Editar</a>
            <a href="#" class="btnDelTipoProblema" id="<?php echo $row['idTipoProblema']; ?>">Papelera</a>
        </span>                                
    </div>
                            
    <div class="cell10 delActions borderB">
        <a href="#">eliminar</a>
    </div>
                        
</div>

jquery

Código:

$(".btnDelTipoProblema").click(function(evento){
       
       evento.preventDefault();
             
       $(this).parents(".rowcontent").children(".delActions").css('display','table-cell');
});
    

$(".rowcontent").mouseout(function(){       
        
        $(this).children(".delActions").css('display','none'); 
});

lo que pretendo es cuando se de click en eliminar aparezca el div con clase delActions y cuando salga del rowcontent que lo contiene que se oculta dicho div.
El problema es el siguiente el div se muestra y cuando salgo del link papelera se oculta, es decir no he salido del rowcontent que es el padre y ya se oculta. espero me entiendan y me puedan ayudar, gracias