Foro de elhacker.net

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:

$("#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.