Por que depois que chamo minha funçao, ela não continua?

Oi, estou estudando o livro "Foundation Game Design with HTML 5 and Javascript". Lá aprendi a chamar uma função, então resolvi dar uma experimentada usando o código para fazer algo que tinha em mente. Fiz uma lista dropdown e um contador para mostrar quantas vezes a pessoa ja clicou. Funcionou, quando clico chamo a função, mas a função não continua depois que eu solto o botão, o contador volta a 0 e a lista desaparece.

Meu objetivo era que a lista so desaparecesse quando eu clicasse novamente, e ao invés de voltar a 0, continuasse contando.... 1, 2, 3...

JAVASCRIPT

var aparece = document.querySelector("#aparece");
var lista = document.querySelector("#lista");
var escreve = document.querySelector("#escreve");
var score = 0;
var resultado = 0;

//açao aparecer menu && contador

aparece.addEventListener("mousedown", dropdown, false);

escreve.innerHTML = score;

function dropdown(){

 lista.style.display = "block";

 score++;
 escreve.innerHTML = score;

}

HTML

 <a href="" id="aparece">aparece fi d'apentia</a>

 <p id="escreve"></p>
 <ul id="lista">
 <li>Lista um</li>
 <li>lista dois</li>
 <li>acabou-se</li>
 </ul>

CSS

a#aparece{

 text-decoration: none;
 color:black;
}

#lista{

 display:none;
}