I am having trouble with the Amoclan shape transitioning to the next side. I need the transition to occur exactly as specified in the documentation, but for some reason it is still moving on to the next side.
<html>
<head>
<script src="static/jquery-2.2.4.js"></script>
<link rel="stylesheet" type="text/css" href="static/semantic.min.css">
<script src="static/semantic.js"></script>
</head>
<body>
<div class="ui shape">
<div class="sides">
<div class="side active">This side starts visible 1</div>
<div class="side two">This is yet another side 2</div>
<div class="side three">This is yet another side 3</div>
</div>
</div>
<br>
<div id="move">move</div>
<script>
$('#move').click(function(){
$('.shape').shape('.three', '.second.side').shape('flip left')
})
</script>
</body>
What steps should I take to fix this issue?