https://jetcojohor.com/v1/wp-content/plugins/thegem-elements-eleme…/team/assets/js/thegem-team-hover.js

1(function($) {
2	$(function(){
3
4		$('.gem-team').each(function() {
5			var $team = $(this);
6			var hoverColors= $.extend({}, $team.data('hoverColors'));
7
8			$('.team-person', $team).each(function() {
9				var $teamPerson = $(this);
10
11				if($('a.team-person-link',$teamPerson).length || $team.hasClass('gem-team-style-5')) {
12					$teamPerson.data('defaultColors', {
13						background_color: $teamPerson.css('backgroundColor'),
14						border_color: $teamPerson.css('borderTopColor'),
15						bottom_border_color: $teamPerson.css('borderBottomColor'),
16						image_border_color: $('.team-person-image .image-hover', $teamPerson).css('borderTopColor'),
17						name_color: $('.team-person-name', $teamPerson).css('color'),
18						position_color: $('.team-person-position', $teamPerson).css('color'),
19						desc_color: $('.team-person-description', $teamPerson).css('color'),
20						tel_color: $('.team-person-phone a', $teamPerson).css('color'),
21					});
22					$teamPerson.on('mouseenter', function() {
23						if(hoverColors.background_color) {
24							if($team.hasClass('gem-team-style-5')) {
25								$('.team-person-hover', $teamPerson).css('backgroundColor', hoverColors.background_color);
26							} else {
27								$teamPerson.css('backgroundColor', hoverColors.background_color);
28								if($team.hasClass('gem-team-style-1') || $team.hasClass('gem-team-style-6')) {
29									$teamPerson.css('borderColor', hoverColors.background_color);
30								}
31							}
32						} else {
33							if($team.hasClass('gem-team-style-1') || $team.hasClass('gem-team-style-6')) {
34								$teamPerson.css('backgroundColor', 'transparent');
35							}
36							if($team.hasClass('gem-team-style-2') || $team.hasClass('gem-team-style-3') || $team.hasClass('gem-team-style-4')) {
37								if(hoverColors.border_color) {
38									$teamPerson.css('backgroundColor', hoverColors.border_color);
39								} else {
40									$teamPerson.css('backgroundColor', $teamPerson.data('defaultColors').border_color);
41								}
42							}
43						}
44						if(hoverColors.border_color) {
45							$teamPerson.css('borderColor', hoverColors.border_color);
46						}
47						if(hoverColors.bottom_border_color) {
48							$teamPerson.css('borderBottomColor', hoverColors.bottom_border_color);
49						}
50						if(hoverColors.image_border_color) {
51							$('.team-person-image .image-hover', $teamPerson).css('backgroundColor', hoverColors.image_border_color);
52							$('.team-person-image .image-hover', $teamPerson).css('borderColor', hoverColors.image_border_color);
53						}
54						if(hoverColors.name_color) {
55							$('.team-person-name', $teamPerson).css('color', hoverColors.name_color);
56						}
57						if(hoverColors.position_color) {
58							$('.team-person-position', $teamPerson).css('color', hoverColors.position_color);
59						}
60						if(hoverColors.desc_color) {
61							$('.team-person-description', $teamPerson).css('color', hoverColors.desc_color);
62						}
63						if(hoverColors.tel_color) {
64							$('.team-person-phone a', $teamPerson).css('color', hoverColors.tel_color);
65						}
66					});
67
68					$teamPerson.on('mouseleave', function() {
69						var defaultColors = $teamPerson.data('defaultColors');
70						$teamPerson.css('backgroundColor', defaultColors.background_color);
71						$teamPerson.css('borderColor', defaultColors.border_color);
72						$teamPerson.css('borderBottomColor', defaultColors.bottom_border_color);
73						$('.team-person-image .image-hover', $teamPerson).css('backgroundColor', 'transparent');
74						$('.team-person-image .image-hover', $teamPerson).css('borderColor', defaultColors.image_border_color);
75						$('.team-person-name', $teamPerson).css('color', defaultColors.name_color);
76						$('.team-person-position', $teamPerson).css('color', defaultColors.position_color);
77						$('.team-person-description', $teamPerson).css('color', defaultColors.desc_color);
78						$('.team-person-phone a', $teamPerson).css('color', defaultColors.tel_color);
79						if($team.hasClass('gem-team-style-5') && hoverColors.background_color) {
80							$('.team-person-hover', $teamPerson).css('backgroundColor', 'transparent');
81						}
82					});

83
84				}
85			});
86
87		});
88
89	});
90})(jQuery);