JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<div class="form">
<div class="h3"><span>Форма фильтрации товаров</span></div>
<div class="filters-less" style="display: none;">
<p>
Раз
</p>
<p>
Два
</p>
<div class="show-more">
Показать ещё
</div>
</div>
<div class="filters-all" style="display: none">
<p>
Три
</p>
<p>
Четыре
</p>
</div>
</div>
JavaScript
$(".h3").on('click', function(){
if ($('.filters-all').is(':visible')) {
$('.filters-less, .filters-all').hide();
} else {
$('.filters-less').toggle();
}
});
$('.filters-less .show-more').on('click', function(){
$('.filters-all').toggle();
});