Javascript 根据文本输入值更新显示的div数

我想我正朝着正确的方向前进我只是似乎错过了一些简单的东西

我正在使用jquery旋钮插件更新输入字段

$('document').ready(function() {

    $(".knob").knob({
                    change : function (value) {
                        //console.log("change : " + value);
                    },
                    release : function (value) {
                        //console.log(this.$.attr('value'));
                        console.log("release : " + value);

                        var num = parseInt($("#sitesinput").val());
                        var total = $(".one").length;
                        alert(num + ' ' + total);

                              $(".one").slice(1,value).fadeToggle();


                    },
                    cancel : function () {
                        console.log("cancel : ", this);
                    }
                });

});

1
2.
3.
4.

我已经附加了一个链接到演示我一直在工作

---

谢谢，

将淡入淡出切换更改为：

$('.one').slice(0,value).fadeOut();
$('.one').slice(value).fadeIn();

也就是说隐藏低于该值的值并显示高于该值的值。您很接近，但“淡入淡出”切换正在隐藏/显示您不想显示的内容

---

jsFIDLE:

你有其他网站的工作示例吗？不，对不起，这是我一直在做的事情。我以前没有看到过它。好的，我可以看到演示，但我仍然不明白它假设在做什么。当旋钮上的数字增加时，隐藏div。当它下降时，向他们展示。我认为，当你使用拨号盘调整输入值时，应该会显示许多div的类别为。一个在调整时淡入淡出，我打算对其他组也这样做，允许我自定义显示的内容，就像过滤系统一样。

$('.one').slice(0,value).fadeOut();
$('.one').slice(value).fadeIn();