Tenho uma lista que quando clicar em algum item ela recebe um focus e aparece uma div com informações. Uma dessas informações tem um link mas quando clico nele, minha div fecha e não abre a página.
Segue o código...
HTML completo:
<html>
<head>
<style>
li .faq-content-answer{
display: none;
padding: 0px;
}
li:focus .faq-content-answer{
display: block;
}
.faq-content-answer p{
display: none;
}
li:focus .faq-content-answer p{
display: block;
padding: 18px 0 20px 0;
}
</style>
</head>
<body>
<ul>
<li tabindex="0">Como me cadastrar?
<div class="faq-content-answer"><p>Para se cadastrar, <a target="_blank" href="link-clicavel">Clique aqui</a>
Nós enviaremos um e-mail com as suas informações e se elas estiverem corretas, é só confirmar a aproveitar!</p>
</div>
</li>
</ul>
<body>
</html>
Como consigo fazer com que o href funcione quando clicar?