Link con testo a comparsa

[69GiGi96]

Sto provando, come da titolo a realizzare un link che mostra del testo quando viene fatto click.. Con varie ricerche sono arrivato ad una parziale soluzione con:

HEAD: <style> blockquote {display:none} <style>

BODY: <div id="1"><h3>Testo</h3><blockquote>AAA</blockquote></div>

Il codice JS:

var handleText = function(e) {
    e = e || window.event
    h3 = e.target || e.srcElement
    
    blockquote = h3.nextElementSibling
    
    if(blockquote.style.display == 'none')
        blockquote.style.display = 'block'
    else
        blockquote.style.display = 'none'
}

document.getElementById("1").children[0].onclick = handleText

Così facendo, se clicco su "TESTO" (o comunque sulla sua linea, considera il div a quanto pare) compare il blockquote.
L'unico problema è che TESTO viene visto come del normale testo al passaggio del mouse, rendendo la cosa poco intuitiva.. Come potrei renderlo un "link" in modo da renderlo più visibile?