https://xxxhd.click/js/scripts.js

1document.querySelector('.toggle-nav').addEventListener('click', function(){
2  // this.classList.toggle('toggled');
3  // document.querySelector('.toggle-search').classList.remove('toggled');
4  // document.querySelector('.search').classList.remove('toggled');
5  // document.querySelector('.nav').classList.toggle('toggled');
6  document.querySelector('.overlay').classList.toggle('toggled');
7});
8document.querySelector('.toggle-search').addEventListener('click', function(){
9  this.classList.toggle('toggled');
10  document.querySelector('.toggle-nav').classList.remove('toggled');
11  document.querySelector('.nav').classList.remove('toggled');
12  document.querySelector('.search').classList.toggle('toggled');
13});
14if (document.querySelectorAll('.btn-sort').length) {
15  document.querySelector('.btn-sort').addEventListener('click', function(event){
16    event.preventDefault();
17    document.querySelector('.overlay').classList.toggle('toggled');
18  });
19}
20if (document.querySelectorAll('.overlay').length) {
21  document.querySelector('.aside-nav-close').addEventListener('click', function(event){
22    event.preventDefault();
23    document.querySelector('.overlay').classList.remove('toggled');
24  });
25  document.querySelector('.overlay').addEventListener('click', function(){
26    document.querySelector('.overlay').classList.remove('toggled');
27  });
28}
29if (document.querySelectorAll('.video-player-aside').length) {
30  document.querySelector('.video-player-aside-close').addEventListener('click', function(){
31    document.querySelector('.video-player-aside').classList.add('hidden');
32  });
33  document.querySelector('.video-player-aside-title span').addEventListener('click', function(){
34    document.querySelector('.video-player-aside').classList.add('hidden');
35  });
36}
37if (document.querySelectorAll('.dropdown').length) {
38  var dropdowns = document.querySelectorAll('.dropdown-toggle');
39  var dropdownContainers = document.querySelectorAll('.dropdown-container');
40  dropdowns.forEach(function(dropdown){
41    dropdown.addEventListener('click', function(event){
42      event.preventDefault();
43      event.stopPropagation();
44      this.parentNode.querySelector('.dropdown-container').classList.toggle('toggled');
45    });
46  });
47  window.onclick = function(event) {
48    if (!event.target.closest('.dropdown-container')) {
49      dropdownContainers.forEach(function(openDropdown){
50        if (openDropdown.classList.contains('toggled')) {
51          openDropdown.classList.remove('toggled');
52        }
53      });
54    }
55  }
56}
57if (document.querySelectorAll('.btn-up').length) {
58  var scrollToTopBtn = document.querySelector('.btn-up');
59  var rootElement = document.querySelector('html');
60  function handleScroll() {
61    var scrollTotal = rootElement.scrollHeight - rootElement.clientHeight;
62    if ((rootElement.scrollTop / scrollTotal ) > 0.15 ) {
63      scrollToTopBtn.classList.add('toggled');
64    } else {
65      scrollToTopBtn.classList.remove('toggled');
66    }
67  }
68  document.addEventListener('scroll', handleScroll);
69}