用jquery切换show \ hide但有多个id

我有一个php页面,它生成多个UL和每个UL上面的链接,就像这样

 Category one  

因为每个主要类别中有许多子类别我想要隐藏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');