javascript - 显示和隐藏切换js

Question

我在页面中使用此代码

<div class="filterGroup">
                  <ul>              
                    <li><label class="checkbox">Argentina<input type="checkbox"></label></li>                       
                    <li class="moreFilters"><label class="checkbox">Spain<input type="checkbox"></label></li> 
                    <li class="moreFilters"><label class="checkbox">Turkey<input type="checkbox"></label></li> 
                    <li class="moreFiltersLink"><a href="javascript:void(0)">more</a></li> 
                </ul>
            </div>

用这个来切换它

   $('.moreFiltersLink').click(function () {
        $('.moreFilters').toggle();         
    });

我遇到的问题是我想告诉你 5 个街区 <div class="filterGroup">

这意味着当我单击链接时，所有 block 都会切换。

任何人都可以帮我将其更改为仅在您所在的 div 内切换类。

Answer 1

只需获取最近的 .moreFiltersLink，找到它的 .moreFilters，然后切换它们:

$('.moreFiltersLink').click(function () {
    $(this).closest('.filterGroup').find('.moreFilters').toggle();         
});