slideToggle 콜백을 사용하여 백그라운드 위치를 변경하는 방법

Question

나는 비교적 직선적 인 뭔가를 놓치기를 바랍니다. 첫 번째 클릭이 이미지의 배경 위치를 전환하려면 -37px로 설정하고 두 번째 클릭은 원래 위치로 다시 전환해야합니다.

div가 표시되고 숨겨지기 때문에 더하기 기호를 빼기 부호로 변경 한 다음 다시 더하기 기호로 변경합니다.

도움 주셔서 감사합니다.

$('#expand-button').click(function() { 
    $('#top10-list').slideToggle(600, function() { 
     $('#expand-button').css('background-position','0 -37px'); 
    }); 
}); 

Answer 1

http://jsbin.com/ibijey/edit#javascript,html,live

$('#expand-button').toggle(function() { 
    $('#top10-list').slideToggle(600, function() { 
     $('#expand-button').css('background-position','0 -37px'); 
    }); 
},function(){ 
    $('#top10-list').slideToggle(600, function() { 
     $('#expand-button').css('background-position','0 0px'); 
    }); 
});