-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.js
29 lines (24 loc) · 1.02 KB
/
index.js
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
//set display state
//Select dom elements i.e shareBtn, share, share-icon-white2, share-icon-grey
//add a click event to the share btn
// create a function that toggles the display of the share div
let display = false;
const shareBtn = document.querySelector('.share-icon-grey');
const whiteShareBtn = document.querySelector('.share-icon-white');
const whiteShareBtn2 = document.querySelector('.share-icon-white2');
const shareDiv = document.querySelector('.share');
const showShareLinks = () => {
shareDiv.classList.remove('hidden');
whiteShareBtn2.classList.remove('hidden');
shareBtn.classList.add('hidden');
shareDiv.classList.add('appear-anim');
whiteShareBtn2.classList.add('appear-anim');
};
const hideShareLinks = () => {
shareDiv.classList.add('hidden');
whiteShareBtn2.classList.add('hidden');
shareBtn.classList.remove('hidden');
};
shareBtn.addEventListener('click', showShareLinks);
whiteShareBtn.addEventListener('click', hideShareLinks);
whiteShareBtn2.addEventListener('click', hideShareLinks);