多个jQuery切换链接

1 jquery

我已经设法在我的页面上创建多个切换实例,但切换链接本身需要是唯一的,因为切换一个链接切换所有其余的链接.

到目前为止,这是我的代码:

jQuery的:

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

HTML:

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

<div id="module1">Toggled Content</div>
Run Code Online (Sandbox Code Playgroud)

如您所见,问题是"$('.toggle').toggle();" 因为它并非每个切换都是唯一的.因此,切换一个链接关闭,关闭所有其他链接,打开时相同.有任何想法吗?

Kob*_*obi 7

要切换两个链接:

$('[name=' + id + ']').toggle();
Run Code Online (Sandbox Code Playgroud)

  • @ hus5tl3r:如果kobi的回答对你有帮助,可以考虑支持他并接受他的回答. (2认同)