Pero esto...
Código HTML:
<div id="overlay" style="opacity: 1; cursor: auto; display: none; "></div>
<div id="cajaFotoTamañoOriginal" style="display: none; "><img></div>
Seguro estás bien configurado el plugin porque en lo que veo no es problema del código que muestras, esto no tendría que afectar, sin embargo intenta lo siguiente.
Normaliza la visibilidad con una clase.
Código HTML:
<div class="tab_container">
<div class="tab" id="tab1">
<p>Contenido Información</p>
</div>
<div class="tab" id="tab2">
<p>ContenidoCalendario</p>
</div>
<div class="tab" id="tab3">
[gallery]
</div>
</div> y en vez de llamar a "div" llamas a la clase
Código Javascript
:
Ver original$('#contentSchool .tab').css('position', 'relative').not(':first').hide();
Eso es lo que comprendo, las clases actuan como actor global sobre los elementos. Cuando necesitas ejectuar una funcion especifica sobre mas de un elemento del DOM usa las clases no toques los elementos directamente si no se tiene clara su jerarquía.
Por eso recomiendo jQuery UI Tabs http://jqueryui.com/demos/tabs/ El se encarga de normalizar todo el CSS y te evitará estos problemas con otros plugins...