jquery - Jquery 多个 id 链接来切换不同的 div

Question

我有这些链接来切换相应的 div，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
        });​