Есть ли лучший, более эффективный способ написать этот код? Это меню выпадающего меню, которое позволяет пользователю использовать RSVP для нескольких людей. Извините, это беспорядок, но я думаю, что я делаю ясно. Если нет, я нахожусь у себя на компьютере и буду реагировать быстро, с дополнительной информацией.Более эффективный способ написать этот код JQuery
//There's got to be a better way to do this
$('#guest_num_1').click(function() {
$('#num_guests a#quant_guests').html("1")
$('.guest_name_2, .guest_name_3, .guest_name_4, .guest_name_5, .guest_name_6 ').hide()
});
$('#guest_num_2').click(function() {
$('#num_guests a#quant_guests').html("2")
$('.guest_name_2').fadeIn()
$('.guest_name_3, .guest_name_4, .guest_name_5, .guest_name_6').hide()
});
$('#guest_num_3').click(function() {
$('#num_guests a#quant_guests').html("3")
$('.guest_name_2, .guest_name_3').fadeIn()
$('.guest_name_4, .guest_name_5, .guest_name_6').hide()
});
$('#guest_num_4').click(function() {
$('#num_guests a#quant_guests').html("4")
$('.guest_name_2, .guest_name_3, .guest_name_4').fadeIn()
$('.guest_name_5, .guest_name_6').hide()
});
$('#guest_num_5').click(function() {
$('#num_guests a#quant_guests').html("5")
$('.guest_name_2, .guest_name_3, .guest_name_4, .guest_name_5').fadeIn()
$('.guest_name_6').hide()
});
$('#guest_num_6').click(function() {
$('#num_guests a#quant_guests').html("6")
$('.guest_name_2, .guest_name_3, .guest_name_4, .guest_name_5, .guest_name_6').fadeIn()
});
вы слышали о петлях? – mkoryak
Да, я настолько новичок в этом, что это лучшее, что я мог бы собрать вместе. Похоже, у него ТАК много избыточности. – adamwstl
Это зависит от вашего HTML-кода. Я думаю, ваша разметка также может быть улучшена, а затем ваша JS может быть улучшена. –