Jquery 切换打开关闭目标列表

Jquery 切换打开关闭目标列表,jquery,slidetoggle,Jquery,Slidetoggle,情景 一页上有多个UL列表,每个列表: 1:我想要一个打开/关闭链接 2:我想显示每个列表的不同数量 到目前为止,我可以做(2)但当我尝试做(1)时,我的打开/关闭会打开页面上的所有内容 小提琴设置在这里: 理想情况下: 答:打开链接时可能会变为“关闭” b:每个链接只打开相关的UL c:滑梯可以更平滑些 我在其他线程中看到过类似的回答,但通常标记和触发器位于我需要它们的不同位置 提前谢谢 .ben。使用此的实例查找正确的列表,对于更改文本,只需在切换的回调中进行简单检查即可: $('.show

情景

一页上有多个UL列表,每个列表: 1:我想要一个打开/关闭链接 2:我想显示每个列表的不同数量

到目前为止,我可以做(2)但当我尝试做(1)时,我的打开/关闭会打开页面上的所有内容

小提琴设置在这里:

理想情况下:

答:打开链接时可能会变为“关闭”

b:每个链接只打开相关的UL

c:滑梯可以更平滑些

我在其他线程中看到过类似的回答,但通常标记和触发器位于我需要它们的不同位置

提前谢谢


.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(){……})