Javascript 单击列表中的第一项时打开手风琴

我有这样一份清单：

<ul>
    <li><b>My Title</b>:</li>
    <li class="subtitle">Subtitle 1</li>
    <li class="subtitle">Subtitle 2</li>
    <li class="subtitle">Subtitle 3</li>
</ul>

我的头衔：
副标题1
副标题2
副标题3

显示“subtitle”类的位置：默认为无。当我单击列表中的第一个元素“我的标题””时，我希望其他元素滑动打开（再次单击时向上）。我有办法做到这一点吗？JS或jQuery就可以了

---

为您的方便而拉小提琴：

是的，您可以这样做：

$('li').click(function(){
   var $nxt = $(this).next('.subtitle');
   $('.subtitle').not($nxt).slideUp('slow');
   $nxt.slideDown('slow');
});

---

是的，您可以这样做：

$('li').click(function(){
   var $nxt = $(this).next('.subtitle');
   $('.subtitle').not($nxt).slideUp('slow');
   $nxt.slideDown('slow');
});

---

您可以使用jquery和类似的代码

 $(document).ready(function(){
     $("#title").click(function(){
     $(".subtitle").slideDown();
     });

     $(".subtitle").click(function(){
     $(".subtitle").slideUp();
   });
  });

---

并根据需要进行定制

您可以使用jquery和类似的代码

 $(document).ready(function(){
     $("#title").click(function(){
     $(".subtitle").slideDown();
     });

     $(".subtitle").click(function(){
     $(".subtitle").slideUp();
   });
  });

---

并根据您的需要定制

对不起，我应该指定，这会使每个字幕自动向下滑动。我希望主标题下的所有内容都像一个一样向下滑动抱歉，我应该指定，这会使每个副标题本身向下滑动。我希望主标题下的所有内容作为一个整体向下滑动