Codewars/src/components/directive.js at Mon1.2 · csseditor/Codewars · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
angular.module('app').directive('animateDir', function () {
  return {
    scope: {
      settings: "="
    },
    restrict: 'EA',
    link: function (scope, elems, attrs) {
      $(document).ready(function () {
        $('.side-menu').on('mouseenter', function () {
          $('.side-menu').css('width', '215px');
          setTimeout(function(){
          $('.menu-items').css('display','flex');
          },200);
        });
        $('.side-menu').on('mouseleave', function () {
          $('.side-menu').css('width', '55px');
          $('.menu-items').css('display','none');
        });
        $('.top-menu').on('mouseenter', function () {
          $('.top-menu').css('background-color', '#222222')
        });

        $('.top-menu').on('mouseleave', function () {
          $('.top-menu').css('background-color', 'rgba(0,0,0,0)')
        });

        $('.solutions-icon').on('mouseclick', function () {
          console.log("This is working");
        });


      })
    }
  }
});