text: define(['angular', 'jquery'], function (angular, $) {
    'use strict';
  
    /**
     * @ngdoc directive
     * @name xinyangApp.directive:hoverSlide
     * @description
     * # hoverSlide
     */
    angular.module('xinyangApp.directives.HoverSlide', [])
      .directive('hoverSlide', function ($timeout) {
        return {
          restrict: 'A',
          link: function postLink(scope, element, attrs) {
            var slideTarget = '.' + attrs.hoverSlideTarget;
            var slideGetval = '.' + attrs.hoverSlideGetval;
            var slideSetval = '.' + attrs.hoverSlideSetval;
            var timeOut;
            var targetOn = '.' + element.attr('class');
            $(targetOn).hover(
              function () {
                var cont = $(targetOn).find(slideGetval).val();
                timeOut = $timeout(function(){
                  $(slideSetval).html(cont);
                  $(slideTarget).show();
                }, 500);
              },
              function () {
                $timeout.cancel(timeOut);
                $(slideTarget).hide();
                $(slideSetval).html('');
              }
            );
          }
        };
      });
  });
  