2013-03-26 40 views
0

購物車如何隱藏其他類別的產品樹有產品類別樹像如果一類是選擇

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

它被放置在屏幕的左側。 最初,它被示出在收縮形式

Screenshot1:

Toggle show all categories 
Category1 
Category2 
Category3 

可以通過點擊打開一些節點。在此情況下(例如在產品組別點擊)其它類,應該從屏幕上消失,這樣只在這個類別及其子類別可見:

Screenshot2:

Toggle show all categories 
Category2 
    Subcategory21 
    Subcategory22 

Toggle show all categories鏈接應該切換單類別和類別列表意見:第一次點擊應該再次顯示摺疊的類別列表,如在Screenshot1。在Toggle show all categories之後,再次點擊屏幕截圖2時應該只顯示上次打開的類別。 這是在​​

如何實現這個?有沒有一些jQuery或jQuery UI插件或可以定製jqgrid?如果某些類別選擇像

Category1 
Category2 
    Subcategory21 
    Subcategory22 
Category3 

它要求組別和類別3消失,如果產品組別選擇像Screenshot2

ASP所示

,我發現所有的樹木離開主類別列表中還可見當前使用.NET/Mono MVC2,jquery,jquery-ui和jqgrid treegrid。如果這導致解決方案,jquery-ui和jqgrid可以替換成其他的東西。

回答

1

給出的類別,例如.hidden一個共同的類和commonClass

hidden{display:none} 

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

}); 

財產以後這樣你可以試試... ...

+0

這個隱藏活動類別也。如何保持活動類別可見? – Andrus 2013-03-26 12:33:52

相關問題