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="novosti" name="sekcija1" 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');
    	$( selected ).show('slow').siblings().hide('slow');
    });
});