編寫此Jquery代碼的更有效方法

Question

有沒有更好，更有效的方法來編寫此代碼？ 這是一個make shift下拉菜單，允許用戶為多個人進行RSVP。 抱歉，這有點混亂，但是我認為我所做的很清楚。 如果沒有，我在我的電腦旁，將迅速響應，並提供更多信息。

 //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()
 });

Answer 1

$('.guest_num').click(function() {
  var n = $(this).attr('href').split('#')[1];
  $('#num_guests a#quant_guests').html(n);
  var curr = $('.guest_name_' + n);
  curr.prevAll().fadeIn();
  curr.fadeIn();
  curr.nextAll().hide();
  return false;
});

在HTML方面：

<a class="guest_num" href="#1">...</a>

Answer 2

使用循環並存儲此“ guest_num_1”，並為每一次操作將循環索引更改為“ 1”