JSFiddle - React, Tailwind, and code Playground

by Константин Дралюк

HTML

<div class="con">
    <div class="title">
         Клик
    </div>
    <div class="text">
         Результат Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат  Результат 
    </div>
</div>

<div class="con">
    <div class="title">
         Клик
    </div>
    <div class="text">
         Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат 
    </div>
</div>

<div class="con">
    <div class="title">
         Клик
    </div>
    <div class="text">
         Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат Результат...

CSS

.con {font-family:arial; margin-bottom:10px; padding-left:20px; position:relative;}
.con::before {background:#f00; content:""; width:10px; height:10px; position:absolute; left:0; top:3px; border-radius:10px;}
.con .res::before {background:#a00; content:""; width:10px; height:10px; position:absolute; left:0; top:3px; border-radius:10px;}
.text {font-size:13px;}

JavaScript

$('.con .text').hide();
$('.con .title').click(function() {
     $(this).next().slideToggle('medium').addClass('res')
})