JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <section id="obal">     
  
  <section id="vnitrni_obal"> 
  <header> 
 
  <h1 id="logo">
  <span>Galerie</span>
  </h1>   
  
  <h2>
  
 
   
  </h2>  
  
  <nav id="jazykova_navigace">
   
   <ul>
   
   <li id="odkaz_na_hlavni_stranku"><a href="hlavni.html">Hlavní stránka</a></li>
   <li id="Vlajka_CZ"><a href="hlavni.html"></a></li>
   <li id="Vlajka_EN"><a href="main.html"></a></li>
   
   </ul>  
   
   </nav>  
  
  </header> 
                 
   
   <article id="informace">

 

<h3 class="slide"><a href="#cinnost" class="btn-slide">cinnost</a></h3>
 
<aside class="panel"> 
 
 
<p>
 Prováděná činnost
</p>

<ul>
 
<li>lorem ipsum</li>
<li>lorem ipsum</li>
<li>lorem ipsum</li>
<li>lorem ipsum</li>
 
</ul>
 
 
</aside>

<h3 class="slide"><a href="#cinnost" class="btn-slide">cinnost</a></h3>
 
<aside class="panel"> 
 
 
<p>
 Prováděná činnost
</p>

<ul>
 
<li>lorem ipsum</li>
<li>lorem ipsum</li>
<li>lorem ipsum</li>
<li>lorem ipsum</li>
 
</ul>
 
 
</aside>


<h3 class="slide"><a href="#cinnost" class="btn-slide">cinnost</a></h3>
 
<aside class="panel"> 
 
 
<p>
 Prováděná činnost
</p>

<ul>
 
<li>lorem ipsum</li>
<li>lorem ipsum</li>
<li>lorem ipsum</li>
<li>lorem ipsum</li>
 
</ul>
 
 
</aside>


<h3 class="slide"><a href="#cinnost" class="btn-slide">cinnost</a></h3>
 
<aside class="panel"> 
 
 
<p>
 Prováděná činnost
</p>

<ul>
 
<li>lorem ipsum</li>
<li>lorem ipsum</li>
<li>lorem ipsum</li>
<li>lorem ipsum</li>
 
</ul>
 
 
</aside>


<h3 class="slide"><a href="#cinnost" class="btn-slide">cinnost</a></h3>
 
<aside class="panel"> 
 
 
<p>
 Prováděná činnost
</p>

<ul>
 
<li>lorem ipsum</li>
<li>lorem ipsum</li>
<li>lorem ipsum</li>
<li>lorem ipsum</li>
 
</ul>
 
 
</aside>


<h3 class="slide"><a href="#cinnost" class="btn-slide">cinnost</a></h3>
 
<aside class="panel"> 
 
 
<p>
 Prováděná činnost
</p>

<ul>
 
<li>lorem ipsum</li>
<li>lorem ipsum</li>
<li>lorem ipsum</li>
<li>lorem ipsum</li>
 
</ul>
 
 
</aside>


<h3 class="slide"><a...

JavaScript

$(document).ready(function(){
    $(".panel").hide(0); // 
        
    $(".slide").click(function(){
      $(".panel").hide(500);
      //$(this).prev(".panel").toggle(500);
      $(this).next(".panel").toggle(500);
    });
  });