javascript - jQuery toggle inside toggle，带有单独的选择

Question

我正在尝试实现 jquery UI 切换功能。

这是我目前所拥有的: http://jsfiddle.net/PauWy/470/

我试图做到这一点，当我点击 Item1 时，会出现“+”和“-”，我可以点击“+”或“-”来获得不同的结果。但如您所见，存在两个问题:

1. 当我尝试点击它时，开关会隐藏 +/-。
2. 改变一个 +/- 会改变所有其他的。

请教如何解决这个问题，谢谢!

Answer 1

好的，那就是:

$('.to-do > span').click(function () {
    var ix = $(this).index();
    console.log(ix);
    $('.add', $(this).parents('div')).toggle(ix == 0);
    $('.reduce', $(this).parents('div')).toggle(ix == 1);
    return false;
});

JSFiddle