JSFiddle - React, Tailwind, and code Playground

HTML

<div id="page">
 <div class="news">
     <h3>Новость</h3>
         <div class="news_info">
                <span>Сегодня 17 число! </span> //текст новости
         </div>
 </div>
 <div class="news">
     <h3>Новость</h3>
         <div class="news_info">
                <span>Завтра 18 число! </span>
         </div>
 </div>
</div>

CSS

.news_info {
    display: none;
}

JavaScript

$('.news').on('click', function() {
    var upDownElem = $(this).find('.news_info');
    $('.news_info').slideUp()
    upDownElem.stop().slideDown();	
    if((upDownElem) && (upDownElem.is(':visible'))) {
        return false;
    }
});
$("#page").click(function (event) {
        if ($(event.target).closest('.news').length == 0 ) {
            $('.news_info').slideUp();
        }
    });