Я новичок в Semantic UI, я просто скопировал / вставил пример кода с официального сайта.правое меню работает нормально, однако я не могу получить раскрывающееся меню слева, независимо от того, как я добавил JavaScript в .ui.text.menu или ui.flowing.basic.admission.popup.что мне делать, пожалуйста, посоветуйте.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="./semantic/dist/semantic.min.css" rel="stylesheet" type="text/css">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="./semantic/dist/semantic.min.js"></script>
<title>Title</title>
</head>
<body>
<div class="ui text menu">
<div class="item">
<img src="/images/new-school.jpg">
</div>
<a class="browse item">
Browse Courses
<i class="dropdown icon"></i>
</a>
<div class="ui right dropdown item">
More
<i class="dropdown icon"></i>
<div class="menu">
<div class="item">Applications</div>
<div class="item">International Students</div>
<div class="item">Scholarships</div>
</div>
</div>
</div>
<div class="ui flowing basic admission popup">
<div class="ui three column relaxed divided grid">
<div class="column">
<h4 class="ui header">Business</h4>
<div class="ui link list">
<a class="item">Design & Urban Ecologies</a>
<a class="item">Fashion Design</a>
<a class="item">Fine Art</a>
<a class="item">Strategic Design</a>
</div>
</div>
<div class="column">
<h4 class="ui header">Liberal Arts</h4>
<div class="ui link list">
<a class="item">Anthropology</a>
<a class="item">Economics</a>
<a class="item">Media Studies</a>
<a class="item">Philosophy</a>
</div>
</div>
<div class="column">
<h4 class="ui header">Social Sciences</h4>
<div class="ui link list">
<a class="item">Food Studies</a>
<a class="item">Journalism</a>
<a class="item">Non Profit Management</a>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript">
$('.ui.text.menu').dropdown();
$('.ui.right.dropdown.item').dropdown();
</script>
</html>