用jquery切换show \ hide但有多个id
我有一个php页面,它生成多个UL和每个UL上面的链接,就像这样
Category one - Subcategory
- Subcategory
Category two - Subcategory
- Subcategory
因为每个主要类别中有许多子类别我想要隐藏UL并且仅在我单击锚点时显示它们。
我正在尝试使用这个jquery:
$(document).ready(function() { $('#toggle-link').click(function() { $('#ul-to-hideshow').toggle('slow'); }); })
这可以正常工作,但仅适用于第一个UL和具有相同ID的锚点。 我需要以某种方式修改它以传递每个UL或锚的id并打开和关闭每个UL。 我有每个锚点及其UL的唯一ID。
如何修改脚本?
使用.each或使用公共类来隐藏它们;
$('.ULCategory').toggle('slow');
所以你的html可能就是这样;
Category one - Subcategory
- Subcategory
根据评论进行编辑
Category one - Subcategory
- Subcategory
$('.cat-1').toggle('slow');