main.js

$(document).ready(function(){

  function stopprop( event ) { event.stopPropagation(); }
  function starhover( event ) {
    console.log( event.type );
    this.src = ( event.type === "mouseenter" ) ? 'images/stardown.png' : 'images/starup.png';
  }

  $('#leftTab').on({
    // When hovered
    mouseenter: starhover,
    mouseleave: starhover,
    // When clicked
    click: function() {
      $( this ).on( 'mouseleave', stopprop );
    }
  }, ".starImg" );
});