Más desplegables para otras secciones

Ya tenemos listo el desplegable de la Sección 1. Vamos a ver ahora cómo ponemos desplegables también a las secciones 2 y 3. Una vez controles esto verás lo fácil que te resulta colocar desplegables a cualquier otra sección.

Para empezar tenemos que abrir el archivo numero-de-menus.txt y veremos así este contenido de código script:

function init()
{
if (TransMenu.isSupported()) 
  {
  TransMenu.initialize();
desplegable1.onactivate=function(){document.getElementById('desplegable1').className='hover';};
desplegable1.ondeactivate=function(){document.getElementById('desplegable1').className = ''; }
  }
}

De todas esas líneas, las que he marcado en negrita (bueno, quizás debería decir rojita.... je je je je) son las correspondientes al desplegable de antes (desplegable1) y el resto de línea son comunes para todos los menús desplegables que pongamos.

De modo que para incluir un segundo desplegable al que llamaremos desplegable2 bastará con copiar esas dos líneas, pegarlas debajo y cambiar el número 1 de desplegable1 por un 2.

Como queremos aplicar un desplegable a la sección 2 y otro a la sección 3, realmente debemos hacer eso dos veces, es decir, copiar esas dos líneas que he señalado arriba y pegarlas dos veces justo debajo de las mismas y luego, en las líneas 3 y 4 colocar un 2 donde pone un 1 y en las líneas 5 y 6 sustituir el 1 por un 3.

El código final ha de quedar de este modo. Os coloreo con colores diferentes las líneas nuevas para el desplegable2 y desplegable3, oki?

function init()
{
if (TransMenu.isSupported()) 
  {
TransMenu.initialize();
desplegable1.onactivate=function(){document.getElementById('desplegable1').className = 'hover'; };
desplegable1.ondeactivate=function(){document.getElementById('desplegable1').className = ''; }
desplegable2.onactivate=function(){document.getElementById('desplegable2').className = 'hover'; };
desplegable2.ondeactivate=function(){document.getElementById('desplegable2').className = ''; }
desplegable3.onactivate=function(){document.getElementById('desplegable3').className = 'hover'; };
desplegable3.ondeactivate=function(){document.getElementById('desplegable3').className = ''; }
  }
}

No dirás que es dificil! je je je.