te voy a poner algo del codigo
los 5 botones que abren los slides
<div id="safety-mas"><img src="../img/mas-izq.png" alt="mas-izq" width="47" height="38" border="0" onclick="safebajar()" style="cursor:pointer" /></div>
<div id="science-mas"><img src="../img/mas-der.png" alt="mas-der" width="47" height="38" border="0" onclick="sciencebajar()" style="cursor:pointer" /></div>
<div id="seafood-mas"><img src="../img/mas-der.png" alt="mas-der" width="47" height="38" border="0" onclick="seafoodbajar()" style="cursor:pointer" /></div>
<div id="sucess-mas"><img src="../img/mas-izq.png" alt="mas-izq" width="47" height="38" border="0" onclick="sucessbajar()" style="cursor:pointer" /></div>
<div id="contact-mas"><img src="../img/mas-inf.png" alt="mas-izq" width="47" height="38" border="0" onclick="contactbajar(1)" style="cursor:pointer" /></div>
las funciones
function safebajar() {
$(document).ready(function(){
$("#safety-mas").hide();
$("#safety-caja").slideDown(700);
$("#safety-caja").show(1000) ;
$("#sucess-mas").show(1000) ;
$("#science-mas").show(1000) ;
$("#seafood-mas").show(1000) ;
$("#contact-mas").show(1000) ;
$("#sucess-caja").slideUp(500);
$("#science-caja").slideUp(500);
$("#seafood-caja").slideUp(500);
/*$("#contact-caja").hide( "slide", {direction: "down"}, 500 );*/
});
}
function sucessbajar() {
$(document).ready(function(){
$("#sucess-mas").hide();
$("#sucess-caja").slideDown(700);
$("#safety-caja").slideUp(500);
$("#science-caja").slideUp(500);
$("#seafood-caja").slideUp(500);
/*$("#contact-caja").hide( "slide", {direction: "down"}, 500 );*/
$("#safety-mas").show(1000) ;
$("#science-mas").show(1000) ;
$("#seafood-mas").show(1000) ;
$("#contact-mas").show(1000) ;
});
}
function sciencebajar() {
$(document).ready(function(){
$("#science-mas").hide();
$("#science-caja").slideDown(700);
$("#safety-caja").slideUp(500);
$("#sucess-caja").slideUp(500);
$("#seafood-caja").slideUp(500);
/*$("#contact-caja").hide( "slide", {direction: "down"}, 500 );*/
$("#safety-mas").show(1000) ;
$("#sucess-mas").show(1000) ;
$("#seafood-mas").show(1000) ;
$("#contact-mas").show(1000) ;
});
}
function seafoodbajar() {
$(document).ready(function(){
$("#seafood-mas").hide();
$("#seafood-caja").slideDown(700);
$("#safety-caja").slideUp(500);
$("#sucess-caja").slideUp(500);
$("#science-caja").slideUp(500);
$("#safety-mas").show(1000) ;
$("#sucess-mas").show(1000) ;
$("#science-mas").show(1000) ;
$("#contact-mas").show(1000) ;
if(variableGlobal == 1)
{$("#contact-caja").hide( "slide", {direction: "down"}, 500 );}
});
}
function contactbajar(resultado) {
$(document).ready(function(){
$("#contact-mas").hide();
$("#contact-caja").show( "slide", {direction: "down"}, 700 );
$("#safety-caja").slideUp(500);
$("#sucess-caja").slideUp(500);
$("#science-caja").slideUp(500);
$("#seafood-caja").slideUp(500);
$("#safety-mas").show(1000) ;
$("#sucess-mas").show(1000) ;
$("#science-mas").show(1000) ;
$("#seafood-mas").show(1000) ;
var variableGlobal = resultado;
return variableGlobal;
});
}
lo marcado en rojo es lo que quiero conseguir