[Resuelto] jquery generar selector id

Iniciado por gAb1, 23 Mayo 2015, 06:20 AM

0 Miembros y 1 Visitante están viendo este tema.

gAb1

Hola buenas! Tengo un pequeño problema para terminar un formulario animado con sliders y checkboxes.

Hay un slider principal que muestra y oculta checkboxes al moverse. Los checkboxes crean sliders y el problema es el siguiente:

Cuando muevo el slider principal para mostrar los checkboxes y checkeo un checkbox para que genere otro slider, al mover el slider principal y ocultarse el checkbox checkeado el slider creado sigue visible pero deberia ocultarse. Para ello necesito generar la id del slider, pero es algo complicado.

Así es como muestro los checkboxes y supongo que aquí es donde debería generar los ids de los sliders creados:

Código (jquery) [Seleccionar]
$("#slider").slider({
min: 1,
max: 30,
value: 1,

slide: function( event, ui ) {
$( "#result" ).html( ui.value );

var startx = 1;
var slider = $("#slider-10"); // ESTE ES EL NUMERO

$("input:checkbox").hide();
$('label').hide();
if ($("input:checkbox").is(":checked")) {
slider.hide();
}

$(new Array(ui.value)).each(function () {
// Get elements ID
var checkbox = $("#checkbox-" + startx);
var label = $("#label-" + startx);
var slider = $("#slider-" + startx);

checkbox.show();
label.show();
if ($(checkbox).is(":checked")) {
slider.show();
}

startx++;
});
}
});


Para que se pueda entender mejor dejo un link a jsfiddle: http://jsfiddle.net/t4dL6n7L/1/

Gracias!

Edito: Ya lo arreglé, creando una función y usando filtros.