Question

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

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

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>

如您所见，问题是“$（'。toggle'）。toggle（）;”因为它并非每个切换都是唯一的。因此，切换一个链接关闭，关闭所有其他链接，打开时相同。有什么想法吗？

Answer 1

要切换两个链接：

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

Answer 2

要切换点击的元素，请调用$(this).toggle()。

Answer 3

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

似乎是你需要的东西

多个jQuery切换链接

3 个答案: