var registerListClick = true;
var registerBodyClick = false;
var listIsShowing = false;

function toggleListDisplay() {
  e = document.getElementById('drop-list-links');
  if (e.style.display == 'block') {
    display = 'none';
    listIsShowing = false;
  } else {
    display = 'block';
    listIsShowing = true;
  }
  e.style.display = display;
}

function handleListClickForList() {
  if (registerListClick) {
    registerListClick = false;
    toggleListDisplay();
  } else {
    registerListClick = true;
  }
}

function handleBodyClickForList() {
  if (!listIsShowing) return;
  if (registerBodyClick) {
    registerBodyClick = false;
    registerListClick = true;
    toggleListDisplay();
  } else {
    registerBodyClick = true;
  }
}

document.onclick = handleBodyClickForList;