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();" 因为它并非每个切换都是唯一的.因此,切换一个链接关闭,关闭所有其他链接,打开时相同.有任何想法吗?
要切换两个链接:
$('[name=' + id + ']').toggle();
Run Code Online (Sandbox Code Playgroud)