Pestaña para banner que se despliegue sola ¿como lo hago?

[lugger]

Hola en mi web (hecha en joomla), hay dos pestañas ocultas (me venían así con la plantilla). La más grande se despliega y se retrae al pulsar un botón en la barra de inicio a la derecha.

www.relatospulp.com

Pensaba usar esa pestaña para meter en ella módulos-banners con publicidad (cuando la tenga). Y lo que quería es que se desplegase autómáticamente a los 3 segundos de haber cargado la web. Luego, aun no sé, o bien que se vuelva a replegar a los 5 segundos sola, o cuando el usuarió pulse en el botón... o algo así.

No tengo ni idea de como abordar este tema. A ver si me pudieseis dar alguna pista para ir buscando info de como se hacen estas cosas...

Un saludo, y gracias.

[Nemutagk]

Bueno, no entiendo bien lo de la pestaña y eso... pero te puedo ayudar con la función para ocultar y volver a mostrar...

Para ocultar y mostrar solo hace falta modificar el parametro 'display' del elemento

Código Javascript:

//aqui indicamos si quieres que se muestre el div tras x segundos de cargar la pagina
var mostrarSeg = 5;
mostrarSeg = parseInt(mostrarSeg) * parseInt(1000);
setTimeOut('mostrar()',mostrarSeg);
 
function mostrar() {
//si utilizas jquery
$('#midiv').show('slow');
//si no utilizas jquery
document.getElementById('midiv').style.display('block');
 
//ahora solo llamamos a la función ocultar en x segundos
var segundos = 10;     //Indicamos en segundos lo que queremos que se tarde
 
segundos = parseInt(segundos) * parseInt(1000);
 
setTimeOut('ocultar()',segundos);
}
 
function ocultar() {
//si utilizas jquery
$('#midiv').hide('slow');
//si no utilizas jquery
document.getElementById('midiv').style.display('none');
}
 

Obviamente para que funcione, primero el Div 'midiv' tiene que estar oculto, asi que asignamos en un css '#midiv{display:none}'

[lugger]

Muchas gracias por la ayuda. Lo veo un poco complicado para mi, pero me voy a poner a ello. HAré pruebas esta tarde, a ver si logramos algo.

Un saludo!!! ;)

[lugger]

Hola!! Bueno, me he peleado con el tema unas cuantas veces, pero no sé muy bien cual es la forma correcta para usar ese código.

En el HTML, tengo esto que regula la pestaña (panel superior)

Código PHP:

  <a name="top"></a>
<!-- Start Toppanel -->
<div id="fxContainer">
  <div id="fxTarget">
    <div id="fxPadding">
      <!-- Start Newsflash -->
      <div id="newsflash">
        <div class="newsflash_inner">
          <jdoc:include type="modules" name="top" style="xhtml" />
        </div>
      </div>
      <!-- Ende Newsflash -->
    </div>
  </div>
</div>
<!-- Ende Toppanel --> 
   

Y en el CSS, tengo esto otro, respecto a eso:

Código PHP:

  #fxContainer {
    position : absolute;
    z-index : 99999;
    width : 100%;
    height : 0;
    left: 0px;
    right: 0px;
}
#fxTarget {
    top : 0;
    z-index : 99999;
    height : auto;
    overflow : hidden;
    width: 980px;
    position: relative;
    background-color: #333333;
    margin: 0 auto;
}
#fxPadding {
    visibility : hidden;
    padding : 0;
}
#fxTrigger {
    position : relative;
    cursor : pointer;
}
#fxTab {
    z-index : 99999;
    height : 22px;
    text-align: center;
    width: 25px;
}
span#fxTrigger {
    cursor : pointer; 
   

Sé que el quid de la cuestión está por aquí..., pero no acabo de acertar para que funcione.

Gracias, y un saludo.