JSFiddle - React, Tailwind, and code Playground

HTML

<div id='music'>
<div class='block'>
    <h3>Тhe means</h3>
    <pre class='text'>
Head rests,
A sore mind behind these red eyes.
Watch the television, sweet escapism,
Game shows and racism.
Headlines, war crimes
Behind disguised affection.

All for a cause that never was.
Call for a voice but all it does is sigh.
Inside.
Sigh.

More or less, there abouts,
A young man with so many doubts.
I try to learn impersonating,
The clever moves but I am facing,
The always power-crazed,
Middle aged generation.

All for a cause that never was.
Call for a voice but all it does is sigh.
Inside.
Sigh.
Inside.

Blood and blame passed on to a neighbour.
Continuing the chain.
Deadly game of whispers.
How am I to grow.
The life I love
I don't know.

Blood and blame passed on to a neighbour.
Continuing the chain.
Deadly game of whispers.
How am I to grow.
The life I love
I don't know.
    </pre>
</div>
<div class='block'>
    <h3>Living Darfull</h3>
    <pre class='text'>
See the nation through the people's eyes,
See tears that flow like rivers from the skies.
Where it seems there are only borderlines
Where others turn and sigh,
You shall rise (x2)

There's disaster in your past
Boundaries in your path
What do you desire will lift you higher?
You don't have to be extraordinary, just forgiving.
And those who never heard your cries,
You shall rise
You shall rise
And look toward the skies.
Where others fail, you prevail in time.
You shall rise.

Awu indoda yam
Hayi bayibulele bo
Hayi indoda yam
Hayi ababanda bam

Ukubu izi ingane zabo zodlala zibuzuswa
Ingane ezindane zabo zodlala zibuziswa

(You may never know,
If you lay low, lay low) x4
You shall rise x3

Sooner or later we must try... Living
(You may never know,
If you lay low, lay low) x4

See the nation through the people's eyes,
See tears that flow like rivers from the skies.
Where it seems there are only borderlines
Where others turn and sigh,
You shall rise (x4)

(You may never know,
If you lay low, lay low) 4x

Sooner or...

CSS

.block{
 border-radius: 15px;
 border: 1px solid black;
 padding-left: 10px;
 background: #8FBC8F;
}
.block h3{
 font-size: 25px;
 letter-spacing: 4px;
 text-decoration: underline;
 cursor: pointer;
}
.block h3:hover{
 color: #FFA500;   
}
.text{
 display: none;
 padding-left: 5px;    
}

JavaScript

document.getElementById('music').onclick = moronsHandler;
function moronsHandler(){
 var it = event.srcElement;
 if(it.tagName == 'H3'){
    var text = it.nextSibling.nextSibling;
    if(text.style.display == '' || text.style.display == 'none'){
      text.style.display = 'block';
    }else{
      text.style.display = 'none';
    }
 }
}