broker_sidebar_tab.php
2.93 KB
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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<?php if ($results) { ?>
<div id="people_span_mobile" style="display: none" class="people_span" onclick="openNav(event);">
<div id="people" class="people">
<img src="<?php bloginfo('template_directory') ?>/images/people.svg" />
</div>
</div>
<div id="people_span" style="display: none" class="people_span" onclick="openNav(event);" onkeydown="event.keyCode == 13 || event.keyCode == 32 ? openNav(event) : null;" tabindex="0">
<span id="people_label" style="display:none;" class="people_label">
your support team is ready to help <i class="material-icons"></i>
</span>
<div id="people" class="people">
<img src="<?php bloginfo('template_directory') ?>/images/people.svg" />
</div>
</div>
<script>
jQuery(document).ready(
function ($) {
$("#people_span_mobile").appendTo(".navbar-header");
$("#people_span").appendTo("#page-header-landing");
$("#people_span_mobile").delay(200).animate({width: 'toggle'}, 650);
$("#people_span").delay(200).animate({width: 'toggle'}, 650);
$("#people_label").delay(1000).animate({height: 'toggle'});
}
);
// function openNav() {
// jQuery(document).ready(
// function ($) {
// $("#mySidenav").toggleClass('mySidenavOpen');
// $(".people_span").toggleClass('peopleOpen');
// $("#people_label").toggle();
// }
// );
// }
/* Set the width of the side navigation to 250px */
function openNav(event) {
$("#mySidenav").toggleClass('mySidenavOpen');
$(".page-header-landing-mySidenav").toggleClass('mySidenavOpen');
$(".people_span").toggleClass('peopleOpen');
$("#people_label").toggle();
}
jQuery(document).ready(
function ($) {
$("#mySidenav").appendTo(".navbar-header");
$("#people_span_mobile").appendTo(".navbar-header");
$("#people_span").appendTo("#page-header-landing");
$("#mySidenav").clone().appendTo("#page-header-landing").addClass('page-header-landing-mySidenav');
var smallMenu = jQuery('.col-sm-smallMenu');
// Change zIndex when a user hovers the side menu
smallMenu.on(
'mouseenter', function () {
$(this).css('zIndex', 999999);
}
);
smallMenu.on(
'mouseleave', function () {
setTimeout(
function () {
smallMenu.css('zIndex', 0);
}, 500
);
}
);
}
);
</script>
<?php } ?>