Sidebar onShow

Test for sidebar events

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.6.0/semantic.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.6.0/semantic.min.css">
<div class="ui left vertical inverted labeled icon sidebar menu pointing thin">
          <a class="item">
            <i class="home icon"></i>
          </a>
          <a class="item">
            <i class="block layout icon"></i>
          </a>
          <a class="item">
            <i class="smile icon"></i>
          </a>
          <a class="item">
            <i class="calendar icon"></i>
          </a>
          <a class="item">
            <i class="mail icon"></i>
          </a>
          
          
        </div>

JavaScript

$( document ).ready( function(){
        
        // If 'onShow' work test it with this
        /*$( ".left.sidebar.menu" ).sidebar( "setting" , { 
            
            dimPage  : false, 
            closable : false
                            
        } );*/
        
        // WTF why not work ?
        $( ".left.sidebar.menu" ).sidebar('show').sidebar( {
            
            onShow: function(){
              
                alert( "Opened !" );
              
            }
            
        } );
        
   
       
                
    } );