En estos casosf, lo que tenemos que hacer es mirar el codigo fuente:
http://www.andrewsellick.com/example...js/tabslide.js
Que buscar? Bueno, para mi es claro que al posicionar el mouse sobre un tab, otro tab se esconde. Entonces hay que encontrar de que manera esconder un tab. No la funcion en si, sino el llamado a la funcion.
Ahora que miro el codigo fuente, lo que encuentro primero es esta funcion:
Cita: function accordion() {
var eldown = this.getNext();
// If element is visible do nothing
if ($('visible') == this) {
return false;
}
if ($('visible')) {
if( getSliding() == 1 ){
return false;
}
var elup = $('visible').getNext();
setSliding( 1 );
parellelSlide( elup, eldown );
$('visible').id = '';
}
else{
setSliding( 1 );
singleSlide( eldown );
}
this.id = 'visible';
}
Yo creo que eldown y elup son las funciones de subir y bajar.
Lo que falta es probarlo. Escribir una funcion que diga "mouseout" : escondo todo.
Tomamos como ejemplo la de mouseover, que ya esta escrita...
Cita: $(panels[i].getElementsByTagName('h3')[0]).addEvent('mouseover', accordion);
$(panels[i].getElementsByTagName('h3')[0]).addEvent('mouseout', esconder_todo);
Y... el gran final... tras posicionar el evento en un lugar clave...
Cita: function esconder_todo() {
setSliding( 1 );
singleSlide( eldown );
}
Corrijamos lo que te digo una vez que hayas hecho las pruebas.