Отключите другие элементы с теми же селекторами и включите нажатой в jquery

Question

У меня есть простой список кнопок воспроизведения, такой как

<a class="play" rel="video-1"></a> <a class="play" rel="video-2"></a>

, и когда я нажимаю на одну из них, я хочу отключить (удалить класс 'активный')другие и включите (добавьте класс 'active') один, по которому щелкнули.

Я пробовал это, но это не работает должным образом:

$('a.play').live('click', function() { 

    $('a.play').removeClass('active');

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

}); 

Мне нужен ".live ()", потому что кнопки загружаются асинхронно.

Я хочучтобы удалить класс «активный» на других элементах, но щелкнув по одному, добавьте класс «активный» на выбранный элемент и (это не работает должным образом) при втором щелчке удалить класс («активный») для этого.

Любая помощь будет искренне оценена.

Заранее большое спасибо.

Answer 1

Попробуйте, класс удаляется после второго нажатия на ссылку, как вы хотите

$('a.play').live('click', function() { 


    $(this).toggleClass('active');  
    $('a.play').not(this).removeClass('active');        

}); 

Jsfiddle http://jsfiddle.net/TD7Yz/1/