多个jQuery切换链接

我已经设法在我的页面上创建多个切换实例，但切换链接本身必须是唯一的，因为此时切换一个链接会切换其余所有链接。多个jQuery切换链接

这里是我到目前为止的代码：

的jQuery：

$(document).ready(function() { 
    $('.toggle').click(function() { 
    var id = $(this).attr('name'); 
    $('#module' + id).slideToggle('fast'); 
    $('.toggle').toggle(); 
    return false; 
    }); 
});

HTML：

<a class="toggle" name="1" href="#">- Hide</a> 
<a class="toggle hidden" name="1" href="#">+ Show</a> 

<div id="module1">Toggled Content</div>

正如你所看到的，问题是“$（ '切换'）。肘节（）;”因为它不是每个切换的唯一。所以关闭一个链接，关闭所有其他链接，打开时也是如此。有任何想法吗？

来源

2009-12-30 HU5TL3R

要切换这两个链接：

$('[name=' + id + ']').toggle();

来源

2009-12-30 14:18:47 Kobi

那伟大的工作。非常感谢！ – HU5TL3R 2009-12-30 14:20:56

@ hus5tl3r：如果kobi的回答对你有帮助，请考虑提升他并接受他的回答。 – marcgg 2009-12-30 14:32:23

要切换被点击的元素，请致电$(this).toggle()。

来源

2009-12-30 14:17:26 SLaks

$(document).ready(function() { 
    $('.toggle').click(function() { 
    var id = $(this).attr('name'); 
    $('#module' + id).slideToggle('fast'); 
    $('a.toggle[name='+id+']').toggle(); 
    return false; 
    }); 
});

好像是你所需要的

来源

2009-12-30 14:19:10 Gausie

多个jQuery切换链接

回答

相关问题