JSFiddle - React, Tailwind, and code Playground

by Softlink

HTML

<div id="eventaccordion"><h4 class="mooblock-title mb1_1t">Заголовок</h4>
<div class="mooblock-el mb1_1e" style="padding-top:  0px; border-top: medium none; padding-bottom: 0px; border-bottom:  medium none; overflow: hidden; visibility: hidden; opacity: 0; height:  0px;">Значение</div>
<p> </p>
<h4 class="mooblock-title mb1_2t mod">Заголовок</h4>
<div class="mooblock-el mb1_2e" style="padding-top:  0px; border-top: medium none; padding-bottom: 0px; border-bottom:  medium none; overflow: hidden; visibility: hidden; opacity: 0; height:  0px;">Значение</div>
<p> </p>
<h4 class="mooblock-title mb1_3t">Заголовок</h4>
<div class="mooblock-el mb1_3e" style="padding-top:  0px; border-top: medium none; padding-bottom: 0px; border-bottom:  medium none; overflow: hidden; visibility: hidden; opacity: 0; height:  0px;">Значение</div>
<p> </p>
<h4 class="mooblock-title mb1_4t">Заголовок</h4>
<div class="mooblock-el mb1_4e" style="padding-top:  0px; border-top: medium none; padding-bottom: 0px; border-bottom:  medium none; overflow: hidden; visibility: hidden; opacity: 0; height:  0px;">Значение</div>
<p> </p>
<h4 class="mooblock-title mb1_5t">Заголовок</h4>
<div class="mooblock-el mb1_5e" style="padding-top:  0px; border-top: medium none; padding-bottom: 0px; border-bottom:  medium none; overflow: hidden; visibility: hidden; opacity: 0; height:  0px;">Значение</div>
<p> </p>
<h4 class="mooblock-title mb1_6t">Заголовок</h4>
<div class="mooblock-el mb1_6e" style="padding-top:  0px; border-top: medium none; padding-bottom: 0px; border-bottom:  medium none; overflow: hidden; visibility: hidden; opacity: 0; height:  0px;">Значение</div>
<p> </p>
<h4 class="mooblock-title mb1_7t">Заголовок</h4>
<div class="mooblock-el mb1_7e" style="padding-top:  0px; border-top: medium none; padding-bottom: 0px; border-bottom:  medium none; overflow: hidden; visibility: hidden; opacity: 0; height:  0px;">Значение</div>
<p> </p>
<h4 class="mooblock-title mb1_8t">Заголовок</h4>
<div...

CSS

#eventaccordion{
    margin-bottom:50px;
}
.mooblock-title{
    border:1px solid #b4b0b0;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    padding:10px 10px;
    margin-bottom:5px;
    
}
.mb1_1t{
    height:100px;
    background:url(http://savepic.net/2554807.gif)
}

.mod{
background: red;
}