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();
    });
});

在同一父级中仅使用切换链接效果框

1 个答案: