Jquery 第一次单击 addClass 选择第二次单击 removeClass 选择

Question

我有 4 个选项，我希望能够选择多个选项或通过第二次单击删除选定的类。

Jquery

$('.contact-method li a').click(function(e) {
        $('.contact-method li a').removeClass('selected');
        $(this).parent('a').addClass('selected');
        e.preventDefault();
});

html

<ul class="contact-method">
<li class="sms"><a href="javascript:void(0);">SMS</a></li>
<li class="telephone"><a href="javascript:void(0);">Telephone</a></li>
<li class="email"><a href="javascript:void(0);">Email</a></li>
<li class="post"><a href="javascript:void(0);">Post</a></li>
</ul>

演示 http://jsfiddle.net/XeELs/97/

Answer 1

而不是

    $('.contact-method li a').removeClass('selected');
    $(this).parent('a').addClass('selected');

简单地使用

    $(this).toggleClass('selected');