Problema compatibilidad funcion onclick firefox

[Naahuel]

Ay ay ay, jaja. Entiendo que estás aprendiendo, paso a darte un par de consejos:

• El código que estás utilizando es algo que no se hace más, desde hace mucho tiempo. Todos esos atributos que colocás en linea son ilegibles, totalmente imposibles de mantener y muy antiguos. Imaginate si tu proyecto crece y tenés que cambiar algún comportamiento o color de estilo! te volvés mono.
• En lo respectivo a estilos, siempre usá CSS externo, con clases y IDs. Leé al respecto!
• Ídem a lo anterior para JavaScript. No uses javascript en lineas, te costará HORROROSAMENTE mantenerlo y crearlo.
• Hay cientos y cientos de cursos para aprender a hacer cosas con HTML+CSS+JAVASCRIPT. Buscá alguno que se adapte a tus conocimientos y expectativas y hacelo! Vas a ver que hay formas más eficientes de lograr lo que te proponés :)

Respecto a tu problema, sin embargo, el problema está en la forma en que intentás acceder el DOM. Para mayor compatibilidad, siempre utiliza .getElementById().

Te digo esto para que lo tengas en cuenta y aprendas, pero no te recomiendo que sigas con ese código si es que recién comenzaste el proyecto.

La primera parte de tu código funcionaría así:

Código HTML:

<div id="quienes" style="margin-top:20px; color:#333; cursor: pointer;" onmousemove="this.style.color='#4c4b4c'" onmouseout="this.style.color='#333'" onclick="document.getElementById('quienesr').style.visibility='visible'; document.getElementById('quer').style.visibility='hidden'; document.getElementById('comor').style.visibility='hidden'" > TITULO QUE AL HACER CLICK APARECE TEXTO</div>
<div id="que" style="margin-top:20px; color:#333; cursor: pointer;" onmousemove="this.style.color='#4c4b4c'" onmouseout="this.style.color='#333'" onclick="document.getElementById('quer').style.visibility='visible'; document.getElementById('comor').style.visibility='hidden'; document.getElementById('quienesr').style.visibility='hidden'"> TITULO QUE AL HACER CLICK APARECE TEXTO</div>
<div id="como" style="margin-top:20px; color:#333; cursor: pointer;" onmousemove="this.style.color='#4c4b4c'" onmouseout="this.style.color='#333'" onclick="document.getElementById('comor').style.visibility='visible'; document.getElementById('quienesr').style.visibility='hidden'; document.getElementById('quer').style.visibility='hidden'"> TITULO QUE AL HACER CLICK APARECE TEXTO</div>
 

Estudiá los cambios. En lugar de hacer:

Código Javascript:

quer.style.visibility='visible';
 

hacemos:

Código Javascript:

document.getElementById('quer').style.visibility='hidden';
 

Además fijate que en tu código también hay </div>'s que no cierran nada y comillas sin cerrar! eso también afecta.