在jquery中单击按钮切换DIV

Question

您好我对jquery有疑问。 我有div列表，当点击每个按钮时，DIV需要动画。 问题是当我点击按钮时，所有DIV一起移动。

如何更改代码？

$('.list_const a').on('click', function(e) {
        e.preventDefault(); 
        $(this).next('.answer').slideToggle('fast'); 
        $(this).children('button').toggleClass('on');

        if (! $('button').hasClass('on')) { 
            $('button .ico').animate({
                left: '12px'
            }, 500);
        } else { 
            $('button .ico').animate({
                left: '60'
            }, 500);
        }

    });  

Answer 1

试试这个

$('.list_const a').on('click', function(e) {
        e.preventDefault(); 
        $(this).next('.answer').slideToggle('fast'); 
        $(this).children('button').toggleClass('on');

        if (!  $(this).children('button').hasClass('on')) { 
           $(this).children('button .ico').animate({
                left: '12px'
            }, 500);
        } else { 
          $(this).children('button .ico').animate({
                left: '60'
            }, 500);
        }

    });