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

How to expand lists using slideToogle method jquery

本文关键字：列表 方法 slideToogle 何使用 jquery      更新时间：2023-09-26

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

单击其中一个标题后，我想一个接一个地展开列表中的一个而不是全部，我使用每个方法和这一行

$ (' h2.show-list + $(这).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

您非常接近您所拥有的，您在脚本中的类选择器中有一个错字，您错过了show-litstS中的s。这里有一个使代码非常简单的解决方案。它只是从单击的标题中搜索下一个出现的列表，并显示它。

$('h2').click(function(){
    $(this).next('ul').slideToggle(1000);
});
相关文章：