使toggle仅链接效果框在同一父框中

Make toggle link only effect box in the same parent

本文关键字：toggle 链接      更新时间：2023-09-26

所以我目前有两个切换框设置，很快就会有更多，我想保持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();
    });
});
相关文章：