javascript - 在同一个父级中制作仅切换链接效果框

Question

所以我目前设置了两个切换框，很快就会有更多，我想保持 JS 非常简单，并且每个区域都没有新的脚本，但是每当我尝试在一个地方切换时，它都会将该功能应用于我设置的其他两个切换内容框。

要查看这两个区域，请打开第一个区域并在打开第二个区域之前将其关闭，以便将产品添加到“最近查看”框 http://www.coreytegeler.com/bolivares/shop/pablo-ribbed-winter-skully/ http://www.coreytegeler.com/bolivares/shop/salvador-crewneck-sweater-copy/

这是我现在所拥有的：

$(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();但仍然没有运气。我知道这是一个非常简单的解决方法，但就是想不通。

任何帮助都会很棒！

Answer 1

$(document).ready(function(){
    $('.toggle-link').click(function(e){
        $(this).closest("ul").children('.toggle-content').slideToggle();
        $(this).children('div').toggle();
    });
});