버튼/DIV 토글

Question

나는 그것이 클릭 될 때마다 앞뒤로 바꾸고 싶은 버튼이있다. 나는이 스레드

How do you create a toggle button?

이 예제를 발견

http://jsfiddle.net/LmULE/

중대하다

하지만 실제로으로 "최대"에서, 레이블 (예를 들어를 변경하는 방법을 알아 내려고 노력하고있어 클릭하면 "아래로").

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

Answer 1

이 : http://jsfiddle.net/Before/XNQce/2/

Answer 2

나는 간단 바이올린

Updated Fiddle

Answer 3

을 chaned있다.

$(document).ready(function(){ 
var i=0; 
$('a#button').click(function(){ 
    $(this).toggleClass("down"); 
    if(i%2==0)$(this).html('divide by 2'); 
    else $(this).html('not divide by 2'); 
    i++;    
}); 
});​ 

변수를 사용하면 버튼이 어떤 상태인지 확인할 수 있습니다. 위의 코드는 상태 관리의 유형에 불과합니다.

확인 당신은 당신의 코드에서 .hasClass();

if ($(this).hasClass("down")) 
{ 
    $(this).html("Down!"); 
} 
else 
{ 
    $(this).html("Up!"); 
} 

를 사용하여 클래스를 확인할 수 있습니다 http://jsfiddle.net/LmULE/100/