Skip to content
Submitted about 2 years ago

article-preview-component-master

Zinah•420
@Zinah-Zwayen
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Article preview component
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hi Everyone,

I'm stuck with making the share icon clickable again and again, it just shows the social media pop-up once and stops, not sure what is wrong, can anyone help here? Thanks,

Community feedback

  • Mateusz•180
    @userMatMikPosted about 2 years ago

    Hi, you just over complicate this. To display/hide this share overlay you just need to add and remove class active to .clicked-profile div. The best solution to add and remove class is toggle. Your code should look like this :

    document.querySelector('.share-img').addEventListener('click', () => { document.querySelector('.clicked-profile').classList.toggle('active'); })

    Hope this solution will be helpful.

    Marked as helpful
    0
    Zinah•420
    @Zinah-ZwayenPosted about 2 years ago

    @userMatMik thanks a lot it worked :)

    0
    Mateusz•180
    @userMatMikPosted about 2 years ago

    @Zinah-Zwayen I'm glad I could help. Cheers

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord