How to hide other categories in product tree if one category is selected

nutcrackerjo

New Member
Shopping cart has product category tree like\[code\]Category1 Subcategory11 Subcategory12 ...Category2 Subcategory21 Subcategory22 ...Category3 Subcategory31 Subcategory32 ...\[/code\]It is placed in left side of screen.Initially it is shown in collapsed form Screenshot1:\[code\]Toggle show all categoriesCategory1Category2Category3\[/code\]User can open some node by click. In this case (for example clicking in Category2) other categories should be removed from screen so that only this category and its subcategories are visible:Screenshot2:\[code\]Toggle show all categoriesCategory2 Subcategory21 Subcategory22\[/code\]\[code\]Toggle show all categories\[/code\] link should toggle single category and category list views: first time click should show collapsed category list again like in Screenshot1. After that clicking in \[code\]Toggle show all categories\[/code\] again should show only last opened category like in Screenshot2.This is implemented in http://www.officeday.ee/Buroo-pohitoovahendid/How to implement this ? Is there some jquery or jquery-ui plugin or can jqgrid customzed for that ?All trees which I have found leave main category list also visible if some category is selected like\[code\]Category1Category2 Subcategory21 Subcategory22Category3\[/code\]It is required that Category1 and Category3 disappear if Category2 is selected like shown in Screenshot2ASP.NET/Mono MVC2, jquery, jquery-ui and jqgrid treegrid are used currently. jquery-ui and jqgrid can replaced to something other if this leads to solution.
 
Back
Top