$('.list_title').click( function() {
  $('.list_content').slideToggle()
  $('.listBgArr').addClass('uppArrow');
});

.usefull-links:hover{cursor: pointer;}
.usefull-links{position: relative;background-color: #5dcef9;padding: 5px 10px;border-radius: 5px;}
i.flaticon-down-arrow{position: absolute;right: 15px;bottom: 0px;}
.links{display: none;position: absolute;}
.links a{display: block;}
.info-div{position: relative;padding-top: 20px;}
.info-div i{transition: ease all 0.5s;}
.info-div .active i{transform: rotate(180deg);}

<div class="col-lg-4 info-div">
            <div class="usefull-links">Usefull links<i class="flaticon-down-arrow"></i></div>
            <div class="links">
                <a href="https://jquery.com/download/" target="_blank">Get jQuery</a>
                <a href="https://getbootstrap.com/docs/3.3/getting-started/" target="_blank">Get bootstrap</a>
            </div>
        </div>

$('.usefull-links').bind('click', function(){
    $(this).toggleClass('active');
    $('.links').slideToggle();
});