Pessoal, gostaria de uma ajuda no seguinte.
Tem uma página em JSF em que umas abas funcionam normalmente no Firefox, mas no ie não aparecem quando a página é renderizada.
Ao clicar em um botão, as abas aparecem, mas devem aparecer quando a tela é carregada.
Ainda estou aprendendo JSF e conheço javascript muito pouco. Segue o trecho das abas. Qualquer idéia para solucionar esse problema eu agradeço.
<h:panelGroup layout="block" id="aba-coletivo-veiculo">
<div class="abas">
<ul class="f-left listagem-abas">
<li id="abaVeiculo">
<div class="aba aba3" id="veiculo">
<div class="tit-aba" onclick="openSaveTab('painel3');">#{coletivo.veiculo}</div>
</div>
</li>
<li id="abaQuestionario">
<div class="aba aba3" id="questionario">
<div class="tit-aba" onclick="openSaveTab('painel4')">#{coletivo.questionario}</div>
</div>
</li>
<li id="abaCobertura">
<div class="aba aba3" id="cobertura">
<div class="tit-aba" onclick="openSaveTab('painel5');">#{coletivo.cobertura}</div>
</div>
</li>
</ul>
</div>
<br class="clr" />
<div id="aba1" class="conteudo-aba conteudo-aba2">
<div class="topo-conteudo-aba3">
</div>
<h:panelGroup id="abaColetivoVeiculo" layout="block" class="conteudo-aba-mg3" rendered="#{orcamentoBean.renderizarVeiculo}">
<ui:include src="/orcamento/orcamento_veiculo.xhtml" />
</h:panelGroup>
</div>
<div id="aba2" class="conteudo-aba conteudo-aba2">
<div class="topo-conteudo-aba3" >
</div>
<h:panelGroup id="abaColetivoQuestionario" layout="block" class="conteudo-aba-mg3" rendered="#{orcamentoBean.renderizarQuestionario}">
<ui:include src="/orcamento/orcamento_questionario.xhtml" />
</h:panelGroup>
</div>
<div id="aba3" class="conteudo-aba conteudo-aba2">
<div class="topo-conteudo-aba3" >
</div>
<h:panelGroup id="abaColetivoCobertura" layout="block" class="conteudo-aba-mg3" rendered="#{orcamentoBean.renderizarCobertura}">
<ui:include src="/orcamento/orcamento_cobertura_novo.xhtml" />
</h:panelGroup>
</div>
</h:panelGroup>