Question

我有这些链接来切换display:hidden;如何对其进行分组的相应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
        });

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

3 个答案: