如何在其他行擴展時關閉其他展開的行

Question

我正在使用ASP.NET MVC中的Jqgrid。

我設法有一個服務器端分頁和排序子網格。

方案

我有一個開放的亞格選擇各行的集合，我去點擊「+」展開第一行子網格的第一擴張，現在我點擊「+」展開第三排。

這裏我想要第一行的子網格摺疊。

總之：這意味着只有行的子網格應該保持展開狀態。

我不知道該如何解決這個問題。

請幫我解決這個問題。

Answer 1

您可以創建具有相同class + class的所有擴展器，以確定其擴展與否的天氣。在擴展器上單擊您將觸發事件，該事件將從具有擴展器類和連接摺疊的元素中移除擴展和摺疊的類，並且只有單擊的擴展器纔會獲得擴展類。我將發佈例如

<div class="expander collapsed"> 
    <div class="expander-title" onclick="$('expander').removeClass('expanded collapsed').addClass('collapsed'); $(this).removeClass('collapsed').addClass('expanded')"> 
     title here 
    </div> 
    <div class="content"> 
     content here 
    </div> 
</div> 

CSS：「我不知道怎麼去要對這個」

.expanded > .content { 
    display: block; 
} 

.collapsed > .content { 
    display: none; 
} 

這是一個擴展