https://thukralcapital.com/wp-content/plugins/sticky-side-buttons/assets/js/ssb-ui-js.js

1// SSB UI jQuery
2jQuery(function ($) {
3
4    // Animation Slide
5    var ssb_panel = $('#ssb-container'),
6        ssb_panel_w = ssb_panel.width(),
7        sbb_display_margin = 50,
8        window_width = jQuery(window).width();
9
10    ssb_panel.css('z-index', ssb_ui_data.z_index);
11
12    if (ssb_panel.hasClass('ssb-btns-left') && (ssb_panel.hasClass('ssb-anim-slide') || ssb_panel.hasClass('ssb-anim-icons'))) {
13
14        ssb_panel.css('left', '-' + (ssb_panel_w - sbb_display_margin) + 'px');
15
16    } else if (ssb_panel.hasClass('ssb-btns-right') && (ssb_panel.hasClass('ssb-anim-slide') || ssb_panel.hasClass('ssb-anim-icons'))) {
17
18        ssb_panel.css('right', '-' + (ssb_panel_w - sbb_display_margin) + 'px');
19
20    }
21
22    // Slide when hover
23    if (window_width >= 768) {
24        ssb_panel.hover(function () {
25
26            if (ssb_panel.hasClass('ssb-btns-left') && ssb_panel.hasClass('ssb-anim-slide')) {
27
28                ssb_panel.stop().animate({'left': 0}, 300);
29
30            } else if (ssb_panel.hasClass('ssb-btns-right') && ssb_panel.hasClass('ssb-anim-slide')) {
31
32                ssb_panel.stop().animate({'right': 0}, 300);
33
34            }
35
36        }, function () {
37
38            if (ssb_panel.hasClass('ssb-btns-left') && ssb_panel.hasClass('ssb-anim-slide')) {
39
40                ssb_panel.animate({'left': '-' + (ssb_panel_w - sbb_display_margin) + 'px'}, 300);
41
42            } else if (ssb_panel.hasClass('ssb-btns-right') && ssb_panel.hasClass('ssb-anim-slide')) {
43
44                ssb_panel.animate({'right': '-' + (ssb_panel_w - sbb_display_margin) + 'px'}, 300);
45
46            }
47
48        });
49
50    } else {
51        ssb_panel.click(function (e) {
52
53            if (jQuery(this).hasClass('ssb-open')) {
54                jQuery(this).removeClass('ssb-open');
55                if (ssb_panel.hasClass('ssb-btns-left') && ssb_panel.hasClass('ssb-anim-slide')) {
56
57                    ssb_panel.animate({'left': '-' + (ssb_panel_w - sbb_display_margin) + 'px'}, 300);
58
59                } else if (ssb_panel.hasClass('ssb-btns-right') && ssb_panel.hasClass('ssb-anim-slide')) {
60
61                    ssb_panel.animate({'right': '-' + (ssb_panel_w - sbb_display_margin) + 'px'}, 300);
62
63                }
64            } else {
65                e.preventDefault();
66                jQuery(this).addClass('ssb-open');
67
68                if (ssb_panel.hasClass('ssb-btns-left') && ssb_panel.hasClass('ssb-anim-slide')) {
69
70                    ssb_panel.stop().animate({'left': 0}, 300);
71
72                } else if (ssb_panel.hasClass('ssb-btns-right') && ssb_panel.hasClass('ssb-anim-slide')) {
73
74                    ssb_panel.stop().animate({'right': 0}, 300);
75
76                }
77            }
78
79        });
80    }
81
82
83});