Semantic UI Top Nav Bar

HTML

<link rel="stylesheet" href="https://semantic-ui.com/dist/semantic.css">
<script src="https://semantic-ui.com/dist/semantic.js"></script>
<div class="ui menu">
    <a class="item" href="https://www.google.com">Google 1</a>
    <div class="ui dropdown link item">
        <a href="#">
            <span>Google 2</span>
            <i class="dropdown icon"></i>
        </a>
        <div class="menu">
            <a class="item" href="https://www.google.com">Google 2.1</a>
            <a class="item" href="https://www.google.com">Google 2.2</a>
            <a class="item" href="https://www.google.com">Google 2.3</a>
        </div>
    </div>
</div>

CSS

body {
    padding: 1em;
}

JavaScript

$(document).ready(function() {
    $('.ui.dropdown').dropdown({
    	allowTab: false,
        action: function(text, value, element) {
            element.click();
        }
    });
});