real_estate.cc/script.js at main · Yassinproweb/real_estate.cc · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
const menuBtn = document.querySelector('.menu_btn')
const menuOpen = document.querySelector('.menu_open')
const menuClose = document.querySelector('.menu_close')
const navMenu = document.querySelector('.nav_menu')

menuBtn.addEventListener('click', ()=> {
    menuOpen.classList.toggle('hidden')
    menuClose.classList.toggle('hidden')
    navMenu.classList.toggle('flex')
    navMenu.classList.toggle('hidden')
})

/* Like Pricing Option */
const heart = document.querySelectorAll('#heart')
const heart_btn = document.querySelectorAll('#heart1')

heart[0].addEventListener('click', ()=> {
    heart[0].classList.toggle('hidden')
    heart_btn[0].classList.toggle('hidden')
})
heart_btn[0].addEventListener('click', ()=> {
    heart[0].classList.toggle('hidden')
    heart_btn[0].classList.toggle('hidden')
})

heart[1].addEventListener('click', ()=> {
    heart[1].classList.toggle('hidden')
    heart_btn[1].classList.toggle('hidden')
})
heart_btn[1].addEventListener('click', ()=> {
    heart[1].classList.toggle('hidden')
    heart_btn[1].classList.toggle('hidden')
})

heart[2].addEventListener('click', ()=> {
    heart[2].classList.toggle('hidden')
    heart_btn[2].classList.toggle('hidden')
})
heart_btn[2].addEventListener('click', ()=> {
    heart[2].classList.toggle('hidden')
    heart_btn[2].classList.toggle('hidden')
})

heart[3].addEventListener('click', ()=> {
    heart[3].classList.toggle('hidden')
    heart_btn[3].classList.toggle('hidden')
})
heart_btn[3].addEventListener('click', ()=> {
    heart[3].classList.toggle('hidden')
    heart_btn[3].classList.toggle('hidden')
})

heart[4].addEventListener('click', ()=> {
    heart[4].classList.toggle('hidden')
    heart_btn[4].classList.toggle('hidden')
})
heart_btn[4].addEventListener('click', ()=> {
    heart[4].classList.toggle('hidden')
    heart_btn[4].classList.toggle('hidden')
})

heart[5].addEventListener('click', ()=> {
    heart[5].classList.toggle('hidden')
    heart_btn[5].classList.toggle('hidden')
})
heart_btn[5].addEventListener('click', ()=> {
    heart[5].classList.toggle('hidden')
    heart_btn[5].classList.toggle('hidden')
})

heart[6].addEventListener('click', ()=> {
    heart[6].classList.toggle('hidden')
    heart_btn[6].classList.toggle('hidden')
})
heart_btn[6].addEventListener('click', ()=> {
    heart[6].classList.toggle('hidden')
    heart_btn[6].classList.toggle('hidden')
})

heart[7].addEventListener('click', ()=> {
    heart[7].classList.toggle('hidden')
    heart_btn[7].classList.toggle('hidden')
})
heart_btn[7].addEventListener('click', ()=> {
    heart[7].classList.toggle('hidden')
    heart_btn[7].classList.toggle('hidden')
})

/* Button FAQs PRESS */
const button_price = document.querySelectorAll('#minmax')
const min_max = document.querySelectorAll('#min_max')
const max_min = document.querySelectorAll('#max_min')
const text_faq = document.querySelectorAll('#text')

button_price[0].addEventListener('click', ()=> {
    min_max[0].classList.toggle('hidden')
    max_min[0].classList.toggle('hidden')
    text_faq[0].classList.toggle('hidden')
})
button_price[1].addEventListener('click', ()=> {
    min_max[1].classList.toggle('hidden')
    max_min[1].classList.toggle('hidden')
    text_faq[1].classList.toggle('hidden')
})
button_price[2].addEventListener('click', ()=> {
    min_max[2].classList.toggle('hidden')
    max_min[2].classList.toggle('hidden')
    text_faq[2].classList.toggle('hidden')
})
button_price[3].addEventListener('click', ()=> {
    min_max[3].classList.toggle('hidden')
    max_min[3].classList.toggle('hidden')
    text_faq[3].classList.toggle('hidden')
})