Hola todos, les vengo con un problemilla un tanto extraño y que me trae por x los caminos de la amargura desde hace un par de dias.
El hecho es que tengo la siguiente pagina:
principal.php
......
<div class="marco" id="marco">
<div class="cabecera" style="float:Left">
<div id="home-button" class="button">
<img src="images/menu-home.png" alt="home" title="home" class="button peq" />
</div>
<div id="oil-button" class="button">
<img src="images/menu-oil.png" alt="oil" title="oil" class="button peq">
</div>
.....
</div>
<div id="content">
<div id="home">
<?php include("home.php"); ?>
</div>
<div id="oil">
<?php include("oil.php"); ?>
</div>
</div>
</div>
Utilizo ademas estos archivos de css y jquery
estilos.css:
#home {
display: block;
}
#home-button {
opacity: 1.0;
border-bottom: 1px solid black;
}
#oil {
display: none;
}
#oil-button {
opacity: 0.5;
border-bottom: 1px solid black;
}
functions.js:
$("#oil-button").css({
opacity: 0.3
});
$("#marco div.button").click(function(){
$clicked = $(this);
if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) {
$clicked.animate({
opacity: 1,
borderWidth: 5
}, 600 );
var idToLoad = $clicked.attr("id").split('-');
$("#content").find("div:visible").fadeOut("fast" , function(){
$(this).parent().find("#"+idToLoad[0]).fadeIn();
})
}
$clicked.siblings(".button").animate({
opacity: 0.5,
borderWidth: 1
}, 600 );
});
$("#marco_oil div.columna_izquierda_2").click(function(){
$clicked = $(this);
if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) {
$clicked.animate({
opacity: 1
}, 600 );
var idToLoad = $clicked.attr("id").split('-');
$("#oil-content").find("div:visible").fadeOut("fast", function(){
$(this).parent().find("#"+idToLoad[0]).fadeIn();
})
}
$clicked.siblings(".columna_izquierda_2").animate( {
opacity: 0.5
}, 600 );
});
Y el archivo incluido oil.php:
<div id="marco_oil" class="marco_oil">
<div class="columna_izquierda_2" id="catalog-oil">
<p class="columna_izquierda_2">Catálogo productos</p>
</div>
....
</div>
<div id="oil-content">
<div id="catalog">
<?php include("catalog-oil.php"); ?>
</div>
....
</div>
Y ahora el problema XD. Lo que pasa es que cuando estoy en principal.php, se carga correctamente el contenido de home.php, sin embargo, al pasar a otra de las opciones del menu (seccion oil x ejemplo) todos los divs aparecen con display:none. Lo cual no entiendo porque ocurre. Soy consciente de que no es muy legible el codigo desde aqui, pero si ustedes tienen la amabilidad de echarme una mano, les podria enviar el codigo completo y asi podrian ver mejor el problema y la posible solucion.
Gracias!