jquery多個id鏈接切換不同的div

Question

我有這些鏈接來切換相應的divs display:hidden;我如何對它們進行分組？因爲我有超過10個。

  $('a#toggle-b').click(function() { 
      $('.toggle-b').toggle('slow').css('display','inline-block').siblings().hide('slow'); 
      $('.describe').fadeIn('slow'); 
      return false 
      }); 

      $('a#toggle-c').click(function() { 
      $('.toggle-c').toggle('slow').css('display','inline-block').siblings().hide('slow'); 
      $('.describe').fadeIn('slow'); 
      return false 
      }); 

      $('a#toggle-d').click(function() { 
      $('.toggle-d').toggle('slow').css('display','inline-block').siblings().hide('slow');  
      $('.describe').fadeIn('slow'); 
      return false 
      }); 

Answer 1

$('a[id^=toggle-]').click(function() { 
    $('.' + this.id).toggle('slow').css('display','inline-block').siblings().hide('slow'); 
    $('.describe').fadeIn('slow'); 
    return false; 
}); 

Answer 2

試試這個：

$('a').click(function() { 
    $('.'+this.id).toggle('slow').css('display','inline-block').siblings().hide('slow'); 
    $('.describe').fadeIn('slow'); 
      return false 
}); 

Answer 3

$('a').click(function() { 
    var cls = '.'+$(this).attr('id'); 
     $(cls).toggle('slow').css('display','inline-block').siblings().hide('slow'); 
     $('.describe').fadeIn('slow'); 
     return false 
     });​