多個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切換鏈接

回答

相關問題