Есть разворачивающееся дерево (по сути, аккордеон), которое управляется скриптом:
// Дерево меню
$('.l1').toggle(function() {
$(this).closest('div').find('.c1').toggle();
$(this).closest('div').find('.p1').css('background-position','0 -7px');
}, function() {
$(this).closest('div').find('.c1').toggle();
$(this).closest('div').find('.p1').css('background-position','0 0')
});
// Поддерево меню
$('.l3').toggle(function() {
$(this).closest('li').find(".h_hide2").toggle();
$(this).closest('li').find(".p3").css('background-position','0 -7px')
}, function() {
$(this).closest('li').find(".h_hide2").toggle();
$(this).closest('li').find(".p3").css('background-position','0 0')
});
У дерева три уровня, при добавлении более 2-3 пунктов в третий уровень они начинают накладываться сверху на пункты второго уровня (т. е. пункты второго уровня, которые в скрипте обозначены как "поддерево", не смещаются при добавлении новых пунктов третьего уровня)
В чем может быть проблема
