semantic-ui dropdown

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.11.1/semantic.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.11.1/semantic.min.css">
<button class="ui button yellow create_btn" type="button" id="open">Create</button>

<div class="ui small modal my-modal">
    <div class="header ">Prova modal</div>
    <div class="content">
      <p>Lorem ipsum</p>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ultricies risus eget ex sollicitudin, sit amet vestibulum nisi varius. Sed ex lectus, mollis sit amet ante eu, consequat feugiat tortor. Phasellus et orci elit. Fusce blandit hendrerit est, vitae porttitor eros tincidunt in. Maecenas tincidunt congue felis, eu posuere felis interdum ac. Mauris dictum lacus dignissim metus aliquet fermentum. Mauris elementum enim in eros ullamcorper, tincidunt efficitur nisi cursus.</p>
      <p>Mi puoi chiamare i carabinieri, per favore?</p>
    </div>
    <div class="actions">
      <button id="cancel" class="ui grey button" title="Annulla">Cancel</button>
      <button id="confirm" class="ui primary button" title="Elimina">Confirm</button>
    </div>
</div>

JavaScript

$(".my-modal").modal({
  autofocus: true
});

$(function() {
	$("#open").click(function(){
		$(".my-modal").modal('show');
	});
});

$(function() {
	$("#cancel").click(function(){
		$(".my-modal").modal('hide');
	});
});

$(function() {
	$("#confirm").click(function(){
		$(".my-modal").modal('hide');
	});
});