Имеется небольшой индусский скрипт моего авторства, который добавляет и убирает классы по клику на элемент. Помогите сделать код нормальным, с перебором элементов из цикла, а не тупым дублированием кусков. Не очень дружу с перебором массива элементов, поэтому особая благодарность за напишите код с пояснениями.
Вот скрипт:
(function($) {
var searchButton = $('.new_os .new_f-form-submit');
var extSearchButton = $('.new_os .new_f-dropdown-btn-apply');
var orderButton = $('.new_os .new_t-order-btn');
searchButton.on('click', function(){
$(this).addClass('hvr-ripple-out').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd', function () {
$(this).removeClass('hvr-ripple-out');
});
});
extSearchButton.on('click', function(){
$(this).addClass('hvr-ripple-out').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd', function () {
$(this).removeClass('hvr-ripple-out');
});
});
orderButton.on('click', function(){
$(this).addClass('hvr-ripple-out').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd', function () {
$(this).removeClass('hvr-ripple-out');
});
});
})(jQuery);
Заранее спасибо!