https://idmusicro.onrender.com/assets/js/custom.js

1jQuery( document ).ready(function( $ ) {
2
3
4	"use strict";
5
6
7    
8        $(function() {
9            $( "#tabs" ).tabs();
10        });
11
12
13        // Page loading animation
14
15        $("#preloader").animate({
16            'opacity': '0'
17        }, 600, function(){
18            setTimeout(function(){
19                $("#preloader").css("visibility", "hidden").fadeOut();
20            }, 300);
21        });
22        
23
24        $(window).scroll(function() {
25          var scroll = $(window).scrollTop();
26          var box = $('.header-text').height();
27          var header = $('header').height();
28
29          if (scroll >= box - header) {
30            $("header").addClass("background-header");
31          } else {
32            $("header").removeClass("background-header");
33          }
34        });
35        if ($('.owl-clients').length) {
36            $('.owl-clients').owlCarousel({
37                loop: true,
38                nav: false,
39                dots: true,
40                items: 1,
41                margin: 30,
42                autoplay: false,
43                smartSpeed: 700,
44                autoplayTimeout: 6000,
45                responsive: {
46                    0: {
47                        items: 1,
48                        margin: 0
49                    },
50                    460: {
51                        items: 1,
52                        margin: 0
53                    },
54                    576: {
55                        items: 3,
56                        margin: 20
57                    },
58                    992: {
59                        items: 5,
60                        margin: 30
61                    }
62                }
63            });
64        }
65		if ($('.owl-testimonials').length) {
66            $('.owl-testimonials').owlCarousel({
67                loop: true,
68                nav: false,
69                dots: true,
70                items: 1,
71                margin: 30,
72                autoplay: false,
73                smartSpeed: 700,
74                autoplayTimeout: 6000,
75                responsive: {
76                    0: {
77                        items: 1,
78                        margin: 0
79                    },
80                    460: {
81                        items: 1,
82                        margin: 0
83                    },
84                    576: {
85                        items: 2,
86                        margin: 20
87                    },
88                    992: {
89                        items: 2,
90                        margin: 30
91                    }
92                }
93            });
94        }
95        if ($('.owl-banner').length) {
96            $('.owl-banner').owlCarousel({
97                loop: true,
98                nav: false,
99                dots: true,
100                items: 1,
101                margin: 0,
102                autoplay: false,
103                smartSpeed: 700,
104                autoplayTimeout: 6000,
105                responsive: {
106                    0: {
107                        items: 1,
108                        margin: 0
109                    },
110                    460: {
111                        items: 1,
112                        margin: 0
113                    },
114                    576: {
115                        items: 1,
116                        margin: 20
117                    },
118                    992: {
119                        items: 1,
120                        margin: 30
121                    }
122                }
123            });
124        }
125
126        $(".Modern-Slider").slick({
127            autoplay:true,
128            autoplaySpeed:10000,
129            speed:600,
130            slidesToShow:1,
131            slidesToScroll:1,
132            pauseOnHover:false,
133            dots:true,
134            pauseOnDotsHover:true,
135            cssEase:'linear',
136           // fade:true,
137            draggable:false,
138            prevArrow:'<button class="PrevArrow"></button>',
139            nextArrow:'<button class="NextArrow"></button>', 
140        });
141
142        $('.filters ul li').click(function(){
143        $('.filters ul li').removeClass('active');
144        $(this).addClass('active');
145          
146          var data = $(this).attr('data-filter');
147          $grid.isotope({
148            filter: data
149          })
150        });
151
152        var $grid = $(".grid").isotope({
153          itemSelector: ".all",
154          percentPosition: true,
155          masonry: {
156            columnWidth: ".all"
157          }
158        })
159        $('.accordion > li:eq(0) a').addClass('active').next().slideDown();
160
161        $('.accordion a').click(function(j) {
162            var dropDown = $(this).closest('li').find('.content');
163
164            $(this).closest('.accordion').find('.content').not(dropDown).slideUp();
165
166            if ($(this).hasClass('active')) {
167                $(this).removeClass('active');
168            } else {
169                $(this).closest('.accordion').find('a.active').removeClass('active');
170                $(this).addClass('active');
171            }
172
173            dropDown.stop(false, true).slideToggle();
174
175            j.preventDefault();
176        });
177 
178});