如何：可擴展的嵌套列表？

Question

偉大的社區:)

我有隱藏的子類別列表嵌套的類別列表。 我的問題是，父類別有鏈接到頁面，我想在他們旁邊添加「+」符號，所以如果你點擊「+」子列表將被展開，「+」將替換爲「 - 」（用於關閉），如果您點擊類別名稱，您將被帶到該頁面。 所以我需要chaning +和 - 與C單擊選項，如果你能明白我的意思，我的英語很爛:)

這裏是我試圖創建代碼：

$(document).ready(function() { 
$("ul#sitemap li ul").hide(); 
$('ul#sitemap li:has(> ul)').prepend(' <a href="javascript:;" class="open">+</a>'); 
$('ul#sitemap li a.open').click(function() { 
    $(this).html('-').removeClass('open').addClass('clicked'); 
    $("ul li>ul:visible").hide("slow"); 
    $(this).parent('li').find('ul').slideDown(); 
}); 

$('sitemap li a.clicked').click(function() { 
    $(this).html('+').removeClass('clicked').addClass('open'); 
    $(this).parent('li').find('ul').slideUp(); 
}); 
}); 

Answer 1

使用

live爲新創建的錨標記，這應該工作

$('ul#sitemap li a.open').live ("click" , function() { 

和

$('sitemap li a.clicked').live ("click" , function() {