portfolio/src/main/webapp/script.js
/** Hides social media content when image dropdown is toggled */
Hides social media content when image dropdown is toggled
Hides social media content when image dropdown is toggled
function photoDropdown() {
  const mediaLinks = document.getElementById('drop-down-container');
  const imgCaret = document.getElementById('img-caret');
  if (mediaLinks.style.display == 'block') {
    imgCaret.style.transform = 'rotate(180deg)';
    imgCaret.style.transition = '300ms';
    imgCaret.style.color = 'whitesmoke';
    mediaLinks.style.display = 'none';
  } else {
    imgCaret.style.transform = 'rotate(0deg)';
    imgCaret.style.transition = '300ms';
    imgCaret.style.color = 'green';
    mediaLinks.style.display = 'block';
  }
}
function photoDropdown ( ) { const mediaLinks = document . getElementById ( 'drop-down-container' ) ; const imgCaret = document . getElementById ( 'img-caret' ) ; if ( mediaLinks . style . display == 'block' ) { imgCaret . style . transform = 'rotate(180deg)' ; imgCaret . style . transition = '300ms' ; imgCaret . style . color = 'whitesmoke' ; mediaLinks . style . display = 'none' ; } else { imgCaret . style . transform = 'rotate(0deg)' ; imgCaret . style . transition = '300ms' ; imgCaret . style . color = 'green' ; mediaLinks . style . display = 'block' ; } }
Hides social media content when image dropdown is toggled
Hides social media content when image dropdown is toggled