Javascript 切换仅显示单击的一个

如果单击详细信息，它将显示所有信息。 我想要的是，他只会

切换我单击的链接细节


JS:

$('.listt ul').hide();

$(document).on('click','.details a',function(){
    $('.listt ul').toggle();
});


$（'.listt ul'）.hide（）；
$（文档）。在（'单击'，'上。详细信息a'，函数（）{
$（'.listt ul'）.toggle（）；
});
.kop{
显示：块；
宽度：100%；
填充：5px0；
}
科普分区{
显示：内联块；
}

约翰

一,
二,
三,

约翰

一,
二,
三,


$（'.listt ul'）.hide（）；
$（文档）。在（'单击'，'上。详细信息a'，函数（）{
$（'.listt ul'）.toggle（）；
});
.kop{
显示：块；
宽度：100%；
填充：5px0；
}
科普分区{
显示：内联块；
}

约翰

一,
二,
三,

约翰

一,
二,
三,

使用
转到父div width类
kop
。最近（'.kop'）
从当前单击的对象开始
$（this）
，然后使用
以class
listt
的下一个div为目标。下一个（'.listt'）
：


$（'.listt'）.hide（）；
$（文档）。在（'单击'，'上。详细信息a'，函数（）{
$（this）.closest（'.kop'）.next（'.listt'）.toggle（）；
})
.kop
{
显示：块；
宽度：100%；
填充：5px0；
}
科普分区
{
显示：内联块；
}

约翰

一,
二,
三,

约翰

一,
二,
三,

使用
转到父div width类
kop
。最近（'.kop'）
从当前单击的对象开始
$（this）
，然后使用
以class
listt
的下一个div为目标。下一个（'.listt'）
：


$（'.listt'）.hide（）；
$（文档）。在（'单击'，'上。详细信息a'，函数（）{
$（this）.closest（'.kop'）.next（'.listt'）.toggle（）；
})
.kop
{
显示：块；
宽度：100%；
填充：5px0；
}
科普分区
{
显示：内联块；
}

约翰

一,
二,
三,

约翰

一,
二,
三,

如果我点击第二个细节，它必须只显示第二个细节，而不是全部看到工作小提琴如果我点击第二个细节，它必须只显示第二个细节，而不是全部看到隐藏部分nx Zakaria，对于所有投入时间的人，我感谢你们看到隐藏部分nx Zakaria和所有人谁把时间花在这上面我感谢你们