Javascript 在同一父对象中创建“仅切换链接”效果框

因此，我目前设置了两个切换框，很快就会有更多切换框，我希望JS非常简单，并且每个区域都没有新的脚本，但是每当我尝试在一个地方切换时，它会将该功能应用到我设置的两个切换内容框

要查看这两个区域，请先打开第一个区域，然后关闭它，然后再打开第二个区域，以便将产品添加到最近查看的框中

以下是我现在所拥有的：

$(window).load(function(){
 $('.toggle-link').click(function(e){
     $('.toggle-content').slideToggle();
     e.preventDefault();
  });


    $(".toggle-link div").click(function()
    {                     
        $(".toggle-link div").toggle();
    });
});

我尝试使用

$（this）.find（'.toggle content'）.slideToggle（）但仍然没有运气。
我知道这是一个很容易解决的问题，但就是想不出来

任何帮助都会很好
 你说的奇怪的东西是什么意思？别理它，它在底部工作，但把我刚才添加的新盒子弄乱了。谢谢，我会到处玩，让它在所有方面都能工作。
$(document).ready(function(){
    $('.toggle-link').click(function(e){
        $(this).closest("ul").children('.toggle-content').slideToggle();
        $(this).children('div').toggle();
    });
});