problema al mostrar y ocultar div

[djagu_26]

Hola a todos!, bueno resulta que tengo una pagina en xhtml con jsf la cual quiero ocultar o mostrar lo que tengo en un panel pero me dice que document.getElementById("divAvanzados") has no properties la verdad no veo cual es el error y agradeceria mucha su ayuda les dejo parte del codigo de la pagina

saludos y gracias

Código HTML:

<script language="javascript">
function showAdvanced(){
if(document.getElementById("consultasIncidenteForm:divAvanzados").style.display=='none'){
document.getElementById("consultasIncidenteForm:divAvanzados").style.display='block';
}else{
document.getElementById("consultasIncidenteForm:divAvanzados").style.display='none';
}
return true;
}
</script>
	
<f:loadBundle basename="uy.com.its.itil.view.bundle.LocalizationResources" var="msg" />
<h:form id="consultasIncidenteForm" >
<h:commandButton id="verAvanzados" onclick="return showAdvanced();" 
value="#{consultaTicketBean.isAvanzados ? msg.ocultarAvanzadoLabel : msg.avanzadoLabel}" />
<br/>
		
<div id="divAvanzados" style="display:none;">
<h:panelGrid id="filtrosAvanzados" columns="2" styleClass="relacionGrid"
					 immediate="true">
				
</h:panelGrid>
</div>