JSFiddle - React, Tailwind, and code Playground

by dao13

HTML

<ul class="list typical-conf__secret hyde" >
  <li> <div class="circle"></div> Резервуар наземный одностенный для СУГ, 10 м. куб., рабочее давление 1,57 Мпа</li>
  <li> <div class="circle"></div> Газораздаточная колонка УЗСГ 01-1ЕН (нержавеющая, однорукавная, трехстрочная индикация)</li>
  <li> <div class="circle"></div> Насосный агрегат RT-150 (Италия) </li>
  <li> <div class="circle"></div> Уровнемер с функцией измерения плотности</li>
  <li> <div class="circle"></div> Байпасный клапан PBF 1"</li>
  <li> <div class="circle"></div> Предохранительный клапан (Gasline/Rego)</li>
  <li> <div class="circle"></div> Межблочные газопроводы с крепежом и прокладками</li>
  <li> <div class="circle"></div> Фильтр-грязеуловитель Dn40 Pn25</li>
  <li> <div class="circle"></div> Шаровые краны Маршал</li>
  <li> <div class="circle"></div> Щит управления и автоматизации АГЗС</li>
  <li> <div class="circle"></div> Рама под модульную АГЗС</li>
  <li> <div class="circle"></div> Солнцезащитный навес над раздаточной колонкой</li>
</ul>

<button class="typical-conf__more">test</button>

CSS

.hyde {
  overflow: hidden;
  height: 285px;
}

JavaScript

$('.typical-conf__more').click(function() {
	$('.typical-conf__secret').removeClass('hyde');
	return false;
});