jquery - 異なるdivを切り替えるためのJquery複数IDリンク

Question

display:hidden;How can I group themという対応する div を切り替えるためのこれらのリンクがあります。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
        });​