Вот вроде с добавлением разобрался, но как можно сделать чтоб подкатегория добавлялась именно для выделенной категории? Сейчас добавляется только для первой
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
// добавляем действия для кнопки Добавить категорию
$("#addCat").click(function(){
$("ul:first").after("<ul><li><label><input type='checkbox' />Новая категория</label></li></ul>");
}); //--закрытие addCat click
// добавляем действие для кнопки Добавить подкатегорию
$("#addPcat").click(function(){
$("li:first").after("<ul><li><label><input type='checkbox' />Новая подкатегория</label></li></ul>");
}); //--закрытие addPcat click
}); //--закрытие document ready
</script>
</head>
<body>
<button id="addCat">Добавить категорию</button>
<button id="addPcat">Добавить подкатегорию</button>
<ul id="tree">
<li>
<label>
<input type="checkbox" />Категория 01
</label>
</li>
<li>
<label>
<input type="checkbox" />Котегория 02
</label>
<ul>
<li>
<label>
<input type="checkbox" />Подкатегория 01
</label>
</li>
</ul>
</li>
</ul>
</body>
</html>