slidetoggle을 사용하여 내용을 표시하고 현재 상태를 기준으로 + 및 - 버튼을 표시하고 싶습니다.

Question

div의 내용을 전환하려면 slideToggle을 사용하고 두 개의 이미지 사이에서 전환하는 방법을 궁금합니다.) 기호를 클릭하여 내용을 표시하고 빼기 (-) 기호를 클릭하여 내용을 숨 깁니다.

도움을 주시면 감사하겠습니다.

이 내가 중 하나를 전환해야 할 것입니다 사업부의

$(document).ready(function() { 
$('#planning-click').click(function() { 
    $("#planning").slideToggle(100); 
}); 
}); 

Answer 1

링크에서 toggleClass 메소드를 사용하고 이에 따라 bacgkround를 변경하십시오.

$(document).ready(function() { 
$('#planning-click').click(function() { 
    $("#planning").slideToggle(100); 
    $(this).toggleClass("open"); 
}); 
}); 

#planning-click { 
    background: url(minus.png) no-repeat; 
} 
.open { 
    background-image: url(plus.png); 
} 

Answer 2

당신은 단순히 이미지에 SRC를 변경할 수 있으며이 업데이트해야합니다. 그래서 그냥 추가하십시오.

$ (링크) .attr ('src', urlForNewimage);

클릭 기능이 있습니다.