JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header">
  <div id="menuBlock">
    <ul id="menu">
      <li><a href="#novosti" name="sekcija1">Novosti</a></li>
      <li><a href="#programMladi" name="sekcija2">Program Mladi</a></li>
      <li><a href="#programOdrasli" name="sekcija3">Program Odrasli</a></li>
      <li><a href="#programUpisi" name="sekcija4">Program Upisi</a></li>
      <li><a href="#galerija" name="sekcija5">Galerija</a></li>
      <li><a href="#kontakt" name="sekcija6">Kontakt</a></li>
    </ul>
  </div>
</div>
<div id="main">
  <div id="programMladi" name="sekcija2" class="sekcija">
    aaaa
  </div>
  <div id="programMladi1" name="sekcija2" class="sekcija">
    aaaa
  </div>
  <div id="programOdrasli" name="sekcija3" class="sekcija">
    aaaa
  </div>
  <div id="programUpisi" name="sekcija4" class="sekcija">
    aaa
  </div>
  <div id="galerija" name="sekcija5" class="sekcija">
    aaaa
  </div>
  <div id="kontakt" name="sekcija6" class="sekcija">
    aaa
  </div>
</div>

JavaScript

$(document).ready(function() {
  $("#menu li a").click(function(e) {
    e.preventDefault()
    var selected = $(this).attr('href');
    $('#main ' + selected).stop().show('slow').siblings().hide('slow');
  });
});