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');