The toggle() method was deprecated in jQuery 1.8 and removed in 1.9.
In jQuery 1.9 the toggle() method does not toggle between two or more functions on a click event, it just toggles the visibility of an element.
Here is a quick way of replacing it:
var toggle = 0;
$('#toggle-btn').on('click', function(event) {
event.preventDefault();
if ( toggle == 1 ){
// not clicked
$(this).removeClass('clicked');
toggle = 0;
} else {
// clicked
$(this).addClass('clicked');
toggle = 1;
}
});
or just using a class,
$('#toggle-btn').on('click', function(event) {
event.preventDefault();
if ( $(this).hasClass('active') ) {
$(this).removeClass('active');
} else {
$(this).addClass('active');
}
});
See demo here.
Leave a Reply