css - ボタン/DIVトグル

Question

ボタンがあり、クリックするとラベルが前後に変わります。このスレッドを見つけました

トグルボタンをどのように作成しますか？

そしてこの例

http://jsfiddle.net/LmULE/

これは素晴らしいことですが、実際にラベルを変更する方法を理解しようとしています（たとえば、クリックすると「上」から「下」に変更されます）。

助けていただければ幸いです。

Answer 1

私はフィドルを唱えました

更新されたフィドル

Answer 2

を使用してクラスを確認できます.hasClass();

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

コード内：http： //jsfiddle.net/Before/XNQce/2/

Answer 3

それは簡単です。

$(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++;            
});
});​

変数を使用すると、ボタンがどの状態にあるかを確認できます。上記のコードは、そのタイプの状態管理の大まかなものです。

これをチェックしてくださいhttp://jsfiddle.net/LmULE/100/