替换.toggle(在jQuery 1.9中

我找到了不同的替代品来为jQuery 1.9切换这里,但我不能让它在我的情况下工作:

$('.thumb.flip').toggle( function () { $(this).find('.thumb-wrapper').addClass('flipStop'); }, function () { $(this).find('.thumb-wrapper').removeClass('flipStop flipIt'); } ); 

您可以为.flip提供数据属性

 
$('.thumb.flip').click(function () { var data = $(this).data('clicked'), $descendant=$(this).find('.thumb-wrapper'); if (data) { $descendant.removeClass('flipStop flipIt'); } else { $descendant.addClass('flipStop'); } data == 0 ? $(this).data('clicked', 1) : $(this).data('clicked', 0); });

或者你可以使用elseif

 $('.thumb.flip').click(function () { if ($(this).find('.thumb-wrapper').hasClass('flipstop')) { $(this).find('.thumb-wrapper').removeClass('flipStop flipIt'); } else { $(this).find('.thumb-wrapper').addClass('flipStop'); } }); 

您可以使用“click”事件,然后使用“:visible”进行检查(如果此时元素可见):

  • 如果元素是可见的 – 通过添加类似代码的类来隐藏它,或者只是:〜.hide()

  • 如果元素不可见 – 添加/删除类或使用:〜。show()