Jquery 切换打开关闭目标列表
情景 一页上有多个UL列表,每个列表: 1:我想要一个打开/关闭链接 2:我想显示每个列表的不同数量 到目前为止,我可以做(2)但当我尝试做(1)时,我的打开/关闭会打开页面上的所有内容 小提琴设置在这里: 理想情况下: 答:打开链接时可能会变为“关闭” b:每个链接只打开相关的UL c:滑梯可以更平滑些 我在其他线程中看到过类似的回答,但通常标记和触发器位于我需要它们的不同位置 提前谢谢Jquery 切换打开关闭目标列表,jquery,slidetoggle,Jquery,Slidetoggle,情景 一页上有多个UL列表,每个列表: 1:我想要一个打开/关闭链接 2:我想显示每个列表的不同数量 到目前为止,我可以做(2)但当我尝试做(1)时,我的打开/关闭会打开页面上的所有内容 小提琴设置在这里: 理想情况下: 答:打开链接时可能会变为“关闭” b:每个链接只打开相关的UL c:滑梯可以更平滑些 我在其他线程中看到过类似的回答,但通常标记和触发器位于我需要它们的不同位置 提前谢谢 .ben。使用此的实例查找正确的列表,对于更改文本,只需在切换的回调中进行简单检查即可: $('.show
.ben。使用此的实例查找正确的列表,对于更改文本,只需在切换的回调中进行简单检查即可:
$('.show-more a').click(function() {
var that = $(this);
$(this).parent().prev(".toggle-list").slideToggle(function() {
$(this).is(":visible") ? that.text("Close") : that.text("Open");
});
return false;
});
演示:使用此的实例查找正确的列表,至于更改文本,只需在切换的回调中进行简单检查即可:
$('.show-more a').click(function() {
var that = $(this);
$(this).parent().prev(".toggle-list").slideToggle(function() {
$(this).is(":visible") ? that.text("Close") : that.text("Open");
});
return false;
});
演示:您应该先找到
最近的块内容
,然后再找到切换项
$('.show-more a').click(function() {
$(this).closest('.block-content').find('.toggle-list .toggle-items')
.slideToggle('fast');
return false;
});
您应该先找到
最近的块内容
,然后再找到切换项
$('.show-more a').click(function() {
$(this).closest('.block-content').find('.toggle-list .toggle-items')
.slideToggle('fast');
return false;
});
问题是……?问题是……?非常感谢您的回答:-)Rohan我已经调整了你的,能够包括非UL项目,这可以调整,以便打开更改关闭ETC感谢你这么多你的答案:-)!!-Rohan我已经调整了你的,能够包括非UL项目,这可以调整,使开放的变化关闭吗etc@topiman--只需将上面的三元组添加到回调中,如
slideToggle('fast',function(){……})代码>非常感谢您的回答:-)!!-Rohan我已经调整了你的,能够包括非UL项目,这可以调整,以便打开更改关闭ETC感谢你这么多你的答案:-)!!-Rohan我已经调整了你的,能够包括非UL项目,这可以调整,使开放的变化关闭吗etc@topiman--只需将上面的三元组添加到回调中,如slideToggle('fast',function(){……})代码>