$("body").on("click", "#showChck input", function() {
  var x = this.id;
  var $id = x.replace(/\D/g, "");
 
  // Obtenemos el slider nuevo
  var slider = $("#slider-" + $id);
 
  // El slider no existe?
  if (!slider.length) {
 
    // Nota que <span> ira dentro del div, sino 
    // se complica
    var nuevoSlider = $("<div/>", {
      id: "slider-" + $id,
      "class": "slider"
    }).append($("<span/>", {
      id: "result-" + $id
    }).text("4"));
 
    // Si no existe creamos uno nuevo, nota que
    // estamos en la posision sobre el checkbox
    // asi que al slider nuevo lo ponemos despues
    // de <label>
    $(this).next("label").after(nuevoSlider);
    nuevoSlider.slider({
      min: 4,
      max: 100,
      value: 4,
      step: 2,
      slide: function(event, ui) {
        $("#result-" + $id).html(ui.value);
      }
    });
  }
 
  // Si el checkbox esta seleccionado, mostramos
  // el slider, sino lo ocultamos
  if ($(this).is(":checked")) {
    slider.show();
  } else {
    slider.hide();
  }
});