https://ashefaa.com/Mktba/themes/modern-vII/js/ka2emat-Al-Aksam.js

1       /*VARIABLE DECLARATIONS.*/
2/*=================================================*/
3var navBurger = document.querySelector(".Hamburger-navigation");
4var navigationMenu = document.querySelector(".nav");
5var CloseNav = document.querySelector(".Content-nav button")
6
7
8
9
10function DisplayNavHamburger(){
11    navBurger.addEventListener('click' , function () {
12    setTimeout(()=>{
13       navigationMenu.style.display = 'flex';
14       document.body.style.overflow = 'hidden';
15        }, 0)
16    });
17}
18
19
20
21function CloseHamburgerNav(){
22    CloseNav.addEventListener('click' , function () {
23        navigationMenu.style.display = 'none';
24        document.body.style.overflow = 'scroll';
25    });
26}
27
28function DropDownCategory() {
29    const DropDownCategories = document.querySelectorAll(".Drop-Down-Category");
30
31    DropDownCategories.forEach(category => {
32        const DropDownArrow = category.querySelector(".Drop-Down-Arrow");
33        const SubCategories = category.querySelector(".Sub-Categories");
34
35        let isArrowClicked = false;
36        DropDownArrow.addEventListener('click', () => {
37            if (isArrowClicked) {
38                SubCategories.style.display = 'none';
39                isArrowClicked = false;
40            } else {
41                SubCategories.style.display = 'flex';
42                isArrowClicked = true;
43            }
44        });
45    });
46}
47
48
49
50/* FUNCTION CALLING DO NOT REMOVE */
51/*=============================================================*/
52DisplayNavHamburger();
53CloseHamburgerNav();
54DropDownCategory();