jQuery的切换无法正常工作

Question

Hello people here is my JQUERY code below...

    $(function(){

    $(".block2").toggle(

    function(){$(this).text(1);},
    function(){$(this).text(0);});

    });

where block2 is the same class name for 2 divs...what iam trying to do is if i click first div it should enter 1 in it.. If i click second div(second time) it should enter 0 how to fix this??

demo link

Answer 1

Try

$(function () {
    var counter = 0
    $(".block2").click(function () {
        $(this).text(counter++ % 2);
    });
});

Demo: Fiddle

Answer 2

Try this,

$(function(){
    $('#first_div, #second_div').on('click',function(){
        $(".block2").text(function(){
            return $(this).text()==1 ? 0 : 1
        });
    });
});

Updated with same class block2

$(function(){
    $('.block2').on('click',function(){
        $(this).text(function(){
            return $(this).text()==0 ? 1 : 0;
        });
    });
});

Live Demo

Link according to your html code

Answer 3

This is the "click an element to run the specified functions" signature of .toggle(). It should not be confused with the "change the visibility of an element" of .toggle() which is not deprecated. The former is being removed to reduce confusion and improve the potential for modularity in the library. The jQuery Migrate plugin can be used to restore the functionality. You can try this

$(function(){
$(".block2").click(function
    if($(this).hasClass("clicked")) {
        $(this).text(1);
        $(this).removeClass("clicked");
    } else {
        $(this).text(1);
        $(this).addClass("clicked");
    }
}); 
});