Simplificar código

[pzin]

Muy buenas,

por mi gramática javascripteriana se notará que soy bastante novato usando jQuery. Quisiera preguntar si hubiera alguna forma de simplicar éste código:

Código javascript:

$(document).ready(function (){
            
            $("#slider1 h3").click(function (){
                $("#slider2 div").slideUp("250");
            });
            
            $("#s1").click(function (){
                $("#g1").slideDown("500");
            });
            
            $("#s2").click(function (){
                $("#g2").slideDown("500");
            });
            
            $("#s3").click(function (){
                $("#g3").slideDown("500");
            });
            
            $("#s4").click(function (){
                $("#g4").slideDown("500");
            });
            
            $("#s5").click(function (){
                $("#g5").slideDown("500");
            });
            
            $("#s6").click(function (){
                $("#g6").slideDown("500");
            });
            
            $("#s7").click(function (){
                $("#g7").slideDown("500");
            });
            
            
            
        });
 

Lo que hace resumidamente, es una especie de accordion pero, los elementos que hacen de título (enlace para hacer aparecer/desaparecer un bloque) no están seguidos de su correspondiente bloque (como es el caso del accordion <h3></h3><div></div><h3></h3><div></div> etc..) y así pues me vi obligado a ponerle un ID a cada elemento (#sX es el título y #gX el bloque del contenido).

Tampoco sé muy bien el uso de variables y el "this" en javascript, que igual por ahí algo pudiera hacerse. Igual me equivoco, vaya, que tiendo a ello de vez en cuando.

No sé si se pudiera prescindir de poner un ID a cada elemento, que sería lo ideal pienso.

Bueno, cualquier ayuda la agradezco.

Saludos.

[foreverOdd]

Hola

Se me ocurre algo asi:

1. Capturar todos los elementos con id = s*
2. Saber a quien se le hizo click y en base a esto ejecutar el slideDown del otro

Código javascript:

$("[id^='s']").click(function(e){
 
if($(this).id = e.target.id){
       numero_id = e.target.id[1];
      $("#g"+numero_id).slideDown('500');
 
}
 
});
 
Para el primer caso si tendrias que hacerlo a pie.
 
 
Suerte.