Question

我有一个jquery脚本，可以在第一次点击时更改DOM。如何才能恢复第二次点击？

例如

var left='.lessonNavigation li.expanded.left';
var actLsn='.lessonNavigation li.activeLesson';
var right='.lessonNavigation li.expanded.right';
var leftArrowHTML='<li class="left arrow"><i class="icon icon-arrow-left"></i></li>';
var rightArrowHTML='<li class="right arrow"><i class="icon icon-arrow-right"></i></li>';


$('.lessonNavigation').on('click', '.right.arrow', function () {
    $('.arrow,.inactiveRightArrow,.inactiveLeftArrow').remove();
    if ($('li:last-child').hasClass('expanded right')) {

        $(actLsn).attr('class','expanded left');
        // $(left).prev().;
        $(right).attr('class','activeLesson');
        $(actLsn).before(leftArrowHTML);
        $(actLsn).after(rightArrowHTML);
        $('.arrow.right').attr('class','inactiveRightArrow');

    } 
});

Answer 1

要还原，您可以为新类提供第二个事件侦听器，例如：

$('.type1').click(function(){
    $(this).removeClass('.type1');
    $(this).addClass('.type2');
});

$('.type2').click(function(){
    $(this).removeClass('.type2');
    $(this).addClass('.type1');
});

Answer 2

使用切换而不是添加和删除可能更容易。

这是我一段时间玩的简单功能：

$(function() {
    $('.yell').click(function() {
        $(this).toggleClass("green");
    });
});

我的目的是滑出去。

A working example is here

恢复第二次点击

2 个答案: