Ember Hover binding

hover-action.js

import Ember from 'ember';

export default Ember.Component.extend({
    didInsertElement: function() {
        var $this = this.$(),
            $actions = Ember.$('.actions', $this);
        $this.hover(function() {
           $actions.slideDown();
        }, function() {
            $actions.slideUp();
        });
    },
    willDestroyElement: function() {
        this.$().off('mouseenter mouseleave');
    }
});