Question

我有3个不同的标题，也是打开3个ul列表的链接，请查看下面的html。

单击其中一个标题后，我想逐个扩展我的列表中的一个而不是全部，我使用每个方法和这一行做了一个小循环

$（ 'h2.show列表' + $（本）.attr（ '类'））的slideToggle（）;

以错误的方式写出任何想法，可能是我犯了小错误任何帮助欣赏

$('h2.show-list').each(function(i){
    $(this).addClass('gh'+i);
});

$('ul.categories').each(function(i){
    $(this).addClass('gh'+i);
});

$('h2.show-list').on('click',function(){            
    $('h2.show-list'+$(this).attr('class')).slideToggle();
    //$("div."+$(this).attr("class")).toggle("fast");
});

请在此处找到小提琴：DEMO

Answer 1

你与你所拥有的非常接近，你的脚本中有一个类选择器的拼写错误，你错过了show-litst的s。这是一个让代码非常简单的解决方案。它只是从单击的标题中搜索列表的下一个出现，并显示它。

$('h2').click(function(){
    $(this).next('ul').slideToggle(1000);
});

here's an update和你的小提琴。

如何使用slideToogle方法jquery展开列表

1 个答案: