JSFiddle - React, Tailwind, and code Playground

by Antkaz

HTML

<div id="page">
 <div class="news">
     <h3>Новость</h3>
         <div class="news_info">
              <input
												class="min-price"
												type="checkbox"
												size="10"
												onkeyup="smartFilter.keyup(this)"
											/><br/>
                      <input
												class="min-price"
												type="text"
												size="10"
												onkeyup="smartFilter.keyup(this)"
											/>
         </div>
 </div>
 <div class="news">
     <h3>Новость</h3>
         <div class="news_info">
                  <input
												class="min-price"
												type="checkbox"
												size="10"
												onkeyup="smartFilter.keyup(this)"
											/><br/>
                      <input
												class="min-price"
												type="text"
												size="10"
												onkeyup="smartFilter.keyup(this)"
											/>
         </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;
    }
});
$(document).on('click', function() {
    $('.news_info').slideUp()
});