有没有一种方法可以切换列表中的班级而不影响其他切换

Question

我正在做一个待办事项清单。用和箭头显示标题。该向下箭头（单击时）仅应打开其自身的段落文本，但会影响其他标题及其段落。

我试图在jquery中为每个对象使用，但它仍在做相同的事情

 $(document).ready(function(){
    $(".arrow").click(function(e) {
        $(".para").slideToggle("slow");
    })
 });

我希望每个列表标题箭头在单击时仅显示其段落文本，而不同时显示其他文本。

Answer 1

您可以将要修改的元素的作用域设置为单击的项目。为此，首先找到被单击的项目或容器，然后在该项目中找到目标。例如，如果每个项目都在item类的元素内，则可以找到该容器，然后在其中进行搜索。

$(".arrow").click(function(e) {
    $(this).closest('.item').find(".para").slideToggle("slow");
});