Question

购物车具有类似

的产品类别树

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

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

Screenshot1：

Toggle show all categories
Category1
Category2
Category3

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

Screenshot2：

Toggle show all categories
Category2
  Subcategory21
  Subcategory22

Toggle show all categories链接应切换单个类别和类别列表视图：第一次单击应再次显示折叠类别列表，如在Screenshot1中。之后再次单击Toggle show all categories应该只显示最后打开的类别，如屏幕截图2中所示。这是在http://www.officeday.ee/Buroo-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可以替换为其他东西。

Answer 1

为类别提供一个公共类，例如.hidden和commonClass

hidden{display:none}

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

});

你可以尝试这样的事情......

如果选择了一个类别，如何隐藏产品树中的其他类别

1 个答案: