Article preview

Community feedback

• 

  Agus Setiawan•420

  @Agus27111Posted 12 months ago

  HI ortalyarts....

  Lovely design, in desktop and mobile. but maybe you can make the button more responsive.. i mean if we click it for the first time its appear the share box and we just click for the second time the box disapear again.

  maybe you can do it by "toggle"

  var shareIcon = document.querySelector('#share-icon'); var socialIcons = document.querySelector('#share-holder') const autorHolder = document.querySelector('.autor-holder')

  shareIcon .addEventListener("click", (event) => { autorHolder .classList.toggle('share-active') socialIcons .classList.toggle("share-active");

  }
  

  });

  and in your CSS u can add style that the display in class share-active is none. .share-active { display: none; }

  I hope that helps

  Marked as helpful

  0

  ---

  

  P

  Ortaly•970

  @ortalyartsPosted 12 months ago

  @Agus27111 Thank you so much for your tips!

  0