0

购物车有产品类别树，如

Category1
  Subcategory11
  Subcategory12
  ...
Category2
  Subcategory21
  Subcategory22
  ...
Category3
  Subcategory31
  Subcategory32
  ...

它位于屏幕的左侧。最初它以折叠形式显示

截图1：

Toggle show all categories
Category1
Category2
Category3

用户可以通过单击打开某个节点。在这种情况下（例如在 Category2 中单击）其他类别应从屏幕中删除，以便仅此类别及其子类别可见：

截图2：

Toggle show all categories
Category2
  Subcategory21
  Subcategory22

Toggle show all categories链接应切换单个类别和类别列表视图：第一次单击应再次显示折叠的类别列表，如屏幕截图 1。之后Toggle show all categories再次点击应该只显示最后打开的类别，如 Screenshot2。这是在http://www.officeday.ee/Buuro-pohitoovahendid/

如何实施？是否有一些 jquery 或 jquery-ui 插件，或者 jqgrid 可以为此定制吗？

如果选择了某个类别，我发现的所有树都会离开主类别列表，例如

Category1
Category2
  Subcategory21
  Subcategory22
Category3

如果选择 Category2，Category1 和 Category3 必须消失，如屏幕截图 2 所示

目前使用 ASP.NET/Mono MVC2、jquery、jquery-ui 和 jqgrid treegrid。如果这导致解决方案，jquery-ui 和 jqgrid 可以替换为其他内容。

4

1 回答 1

1

为类别提供一个通用类，例如.hidden和commonClass

hidden{display:none}

$('.category').click(function(){
 $(this).css('display','block')
 $('.commonclass').addClass('hidden')

});

像这样的东西你可以试试...

于 2013-03-26T11:40:06.943 回答