gpt4 book ai didi

javascript - 显示 UL 中的所有 LI,而不是仅显示单击的 LI。

转载 作者:行者123 更新时间:2023-11-28 00:11:12 26 4
gpt4 key购买 nike

我是 javascript/jquery 的新手 - 我在嵌套的 ul 中有一个库存商列表,我想显示/隐藏该地区(显示该地区的所有库存商)。它确实显示和隐藏,但所有区域而不是我想要的区域 - 任何帮助一如既往地非常感谢

我的标记

{foreach $regions index region}

<ul class="stockists">

<li>
<div class="regionHeader">

<span class="regionTitle">{$region.label}</span><span class="regionView">View</span>

</div>

<ul class="region">
<li>

{$stockists = $region.stockists}

{foreach $stockists index stockist}

<ul>
<li class="stockistName">{$stockist.name}</li>
<li>{$stockist.address1}</li>
<li>{$stockist.address2},{$stockist.city}</li>
<li>T : {$stockist.telephone}</li>
<li>W : {$stockist.website}</li>
<li><span class="productsButton">Products Stocked</span><span class="mapButton">View on Map</span></li>
</ul>

{/foreach}

</li>

</ul>

</li>

</ul>


{/foreach}

我的javascript

var stockists = {

start: function() {

$('.region').hide();
$('.regionTitle').click(function(e) {
e.preventDefault();
$('.region').slideToggle(200);
})

}

};

$(stockists.start);

感谢您的观看,Rich :)

最佳答案

尝试:

var stockists = {
start: function() {

$('.region').hide();
$('.regionTitle').each(function(){
$(this).click(function(e) {
e.preventDefault();
$(this).next('.region').slideToggle(200);//here is the change basically it will show/hide only the region next to the clicked regionTitle.
});
});

}
};
$(stockists.start);

关于javascript - 显示 UL 中的所有 LI,而不是仅显示单击的 LI。,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15135475/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com