Tengo un anchor link () que es una pregunta. Al clickearlo, en la misma página se visualiza la respuesta sólamente cuando el link se clickea.
function ViewFaqAnswer(answer, question){
FaqHideAll();
$('#' + answer).show();
$('#' + question).css("color","#EB0000");
window.location.hash = answer;
function FaqHideAll() {
$('.faq-answer').hide();
$('.faq-link').css("color","#000099");
}
.faq-link{
text-decoration: underline !important;
color: #000099;
}
#faq:focus img, #faq:hover img{
box-shadow: 0 0 0 2px rgba(38, 143, 255,1)
}
<table role="presentation">
<tr>
<td>
<a href="javascript: ViewFaqAnswer('answer','question')" class="faq-link"> Question </a>
</td>
</tr>
</table>
<table role="presentation" class="faq-answer" style="display: none; width: 100% border="0" cellspacing="0" cellpadding="0" tabindex="0">
<tr>
<td colspan="2"> Title </td>
</tr>
<tr>
<td colspan="2">
<p> Answer </p>
</td>
</tr>
</table>
El tema es que al hacer click se hace el focus en la respuesta y lo que quiero es que sólamente se visualice y el usuario navegue hasta la pregunta.
Esto debería ser aplicado con javascript? O con css podría hacerse?
tabindex="-1"
en el elemento con id #+answer (que por cierto no sale en tu ejemplo de código) o bien a cambiar elwindow.location.hash = answer;
porwindow.location.hash = question;
. Sea como sea tu ejemplo no nos sirve para comprobarlo pues tiene errores de sintaxis. Léete Cómo preguntar, recorrido de bienvenida y sobretodo ejemplo mínimo verificable para aprender bien el funcionamiento de este sitio, gracias.