https://www.wehostafrica.com/files/js/wha.js

1// wha.js
2
3/**== wow animation ==**/
4
5new WOW().init();
6
7
8// go up button
9$(function() {
10    $(window).scroll(function() {
11        if ($(this).scrollTop() > 100) {
12            $('#top').fadeIn("slow");
13        } else {
14            $('#top').fadeOut("slow");
15        }
16
17        if ($(this).scrollTop() > 300) {
18            $('#stickyNav').fadeIn("slow");
19        } else {
20            $('#stickyNav').fadeOut("slow");
21        }
22    });
23
24    $('#top').click(function() {
25        $('body,html').animate({ scrollTop: 0 }, 800);
26    })
27});
28
29
30$(document).ready(function() {
31    $('a[href^="#wha_"]').on('click', function(e) {
32        e.preventDefault();
33        var target = this.hash;
34        var $target = $(target);
35        $('#other_cont').show();
36        $('html, body').animate({
37            'scrollTop': $target.offset().top
38        }, 1000, 'swing');
39    });
40
41})
42
43// accordion
44var acc = document.getElementsByClassName("accordion");
45var i;
46
47for (i = 0; i < acc.length; i++) {
48    acc[i].addEventListener("click", function() {
49        this.classList.toggle("active");
50        var panel = this.nextElementSibling;
51        if (panel.style.maxHeight) {
52            panel.style.maxHeight = null;
53        } else {
54            panel.style.maxHeight = panel.scrollHeight + "px";
55        }
56    });
57}
58
59// enable tooltip
60$(function() {
61    $('[data-toggle="tooltip"]').tooltip()
62})
63
64// Suscribe NewsLetter
65$('#newsFrm').on("submit", function(e) {
66    e.preventDefault();
67    var formData = new FormData(this);
68    //$('#loader').fadeIn("slow");
69    $.ajax({

70        url: "files/scripts/ops.php",
71        method: "POST",
72        data: formData,
73        beforeSend: function() {
74            $('#noti').fadeIn("slow").html('<strong class="fa fa-spin fa-3x fa-spinner w3-xxlarge"></strong><br><h3 class="text-light"> Processing ..... </h3>');
75        },
76        success: function(data) {
77            if (data != "newsSuc") {
78                setTimeout(function() {
79                    $('#noti').html(data).delay(5000).fadeOut("slow");
80                }, 2000)
81            } else if (data == "newsSuc") {
82                setTimeout(function() {
83                    $('#noti').html("<i class='fa fa-check-circle fa-3x text-success w3-xxlarge'></i><br> <h3 class='text-light'> You Have Successfully Subscribed to Our NewsLetter.</h3>").delay(2000).fadeOut("slow");
84                }, 1500);
85                setTimeout(function() {
86                    $('#newsFrm').trigger('reset');
87                }, 2100)
88            }
89        },
90        error: function() {
91            setTimeout(function() {
92                $('#noti').fadeIn("slow").html("<i class='fa fa-exclamation fa-3x text-danger w3-xxlarge'></i><br> <h3 class='text-light'> Please Check Your Internet Connection</h3>").delay(7000).fadeOut("slow");
93            }, 2000)
94        },
95        processData: false,
96        contentType: false,
97    });
98});
99
100// Send choose Plan
101$('#planFrm').on("submit", function(e) {
102    e.preventDefault();
103    var formData = new FormData(this);
104    //$('#loader').fadeIn("slow");
105    $.ajax({

106        url: "files/scripts/ops.php",
107        method: "POST",
108        data: formData,
109        beforeSend: function() {
110            $('#planCont').fadeOut();
111            $('#planNoti').delay(100).fadeIn("slow").html('<strong class="fa fa-spin fa-3x fa-spinner w3-xxlarge"></strong><br><h3 class="text-dark"> Processing ..... </h3>');
112        },
113        success: function(data) {
114            if (data != "planSuc") {
115                setTimeout(function() {
116                    $('#planNoti').html(data).delay(5000).fadeOut("slow");
117                }, 2000)
118                setTimeout(function() {
119                    $('#planCont').fadeIn();
120                }, 3100)
121            } else if (data == "planSuc") {
122                setTimeout(function() {
123                    $('#planNoti').html("<i class='fa fa-check-circle fa-4x text-success w3-xxlarge'></i><br><br> <h3 class='text-secondary bg-light py-3 px-2 rounded'> Your Request Has Been Submitted Successfully <br> <b><em>Our Support Team will Contact You Within 24hrs </em></b>.</h3><br><div class='py-3'><button type='button' class='btn2 of_bg w3-hover-opacity' data-dismiss='modal'>Close</button></div>");
124                }, 1500);
125                setTimeout(function() {
126                    $('#newsFrm').trigger('reset');
127                }, 2100)
128            }
129        },
130        error: function() {
131            setTimeout(function() {
132                $('#planNoti').fadeIn("slow").html("<i class='fa fa-exclamation fa-3x text-danger w3-xxlarge'></i><br> <h3 class='text-danger'> Please Check Your Internet Connection</h3>").delay(7000).fadeOut("slow");
133            }, 2000)
134            setTimeout(function() {
135                    $('#planCont').fadeIn();
136            }, 3100)
137        },
138        processData: false,
139        contentType: false,
140    });
141});