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

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() {