javascript - トグル内のjQueryトグル、個別の選択

Question

jquery UIトグル機能を実装しようとしています。

これが私がこれまでに持っているものです: http://jsfiddle.net/PauWy/470/

Item1をクリックすると「+」と「-」が表示され、「+」または「-」のどちらかをクリックして別の結果が得られるようにしようとしています。しかし、ご覧のとおり、次の 2 つの問題があります。

1. トグルをクリックしようとすると、+/- が非表示になります。
2. 1 つ +/- を変更すると、他のすべてが変更されます。

この問題を解決する方法についてアドバイスをお願いします。

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

Answer 2

確かではありませんが、これが必要かもしれません

$('#toggle > span').click(function () {
    var ix = $(this).index();

    $('#add').toggle(ix === 0);
    $('#reduce').toggle(ix === 1);
});

$('#add').click(function () {
 alert('add click');
});

$('#reduce').click(function () {
     alert('reduce click');
});