CODEWITHSUNDEEP
jqueryjquery-1.8
user1834464
user1834464

Reputation:

jQuery .toggle event deprecated, What to use?

Since the jQuery .toggle event method is deprecated. What are we suppose to use to simulate this event (alternate clicks)?

Upvotes: 10

Views: 10615

Answers (2)

Pomme Zede
Pomme Zede

Reputation: 11

var i = 0;    
$('button').click(function() { 
    if (i == 0){        
        $('div').css({background: 'red'}) 
        i++; 
    } else { 
        $('div').css({background: 'yellow'}) 
        i = 0; 
    }
});

Upvotes: -1

Jay Lane
Jay Lane

Reputation: 1401

Add this outside of document.ready

$.fn.clicktoggle = function(a, b) {
    return this.each(function() {
        var clicked = false;
        $(this).click(function() {
            if (clicked) {
                clicked = false;
                return b.apply(this, arguments);
            }
            clicked = true;
            return a.apply(this, arguments);
        });
    });
};

then use the following to replicate the .toggle functionality:

$("#mydiv").clicktoggle(functionA,functionB);

Found on the JQuery Forums

Upvotes: 9

Related Questions