CSS и JS подгружены, но выпадающее меню не раскрывается. Подскажите почему? jQuery подключать пробовал - не заработало.
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
<script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.css">
</head>
<body>
<div class="ui container">
<div class="ui menu">
<a class="browse item active">Browse <i class="dropdown icon"></i> </a>
</div>
<div class="ui fluid popup bottom left transition hidden">
<div class="ui four column relaxed equal height divided grid">
<div class="column">
<h4 class="ui header">Fabrics</h4>
<div class="ui link list">
<a class="item">Cashmere</a>
<a class="item">Linen</a>
<a class="item">Cotton</a>
<a class="item">Viscose</a>
</div>
</div>
<div class="column">
<h4 class="ui header">Размер</h4>
<div class="ui link list">
<a class="item">Маленький</a>
<a class="item">Средний</a>
<a class="item">Большой</a>
<a class="item">Plus Sizes</a>
</div>
</div>
<div class="column">
<h4 class="ui header">Цветные</h4>
<div class="ui link list">
<a class="item">Neutrals</a>
<a class="item">Brights</a>
<a class="item">Pastels</a>
</div>
</div>
<div class="column">
<h4 class="ui header">Types</h4>
<div class="ui link list">
<a class="item">Knitwear</a>
<a class="item">Outerwear</a>
<a class="item">Pants</a>
<a class="item">Shoes</a>
</div>
</div>
</div>
</div>
<div class="ui breadcrumb">
<a class="section">Home</a>
<i class="right angle icon divider"></i>
<a class="section">Store</a>
<i class="right angle icon divider"></i>
<div class="active section">T-Shirt</div>
</div>
</div>
</body>
</html>
Простой
Простой
