다른 행이 확장되었을 때 다른 확장 행을 닫는 방법

Question

ASP.NET MVC에서 Jqgrid를 작업 중입니다.

서버 측 페이징 및 서브 그리드 정렬이 가능했습니다.

시나리오

가 나는 열린 아 격자 옵션을 행 각각의 컬렉션을 가지고, 지금 내가 클릭 가서 첫번째 팽창에 대한 '+'첫 번째 행을 확장하고 아 격자에 클릭 '+' 세 번째 행을 확장하십시오.

첫 번째 행의 서브 글리드를 축소해야합니다.

짧은 있음 : 이는 행의 하위 그리드 만 확장 된 상태로 유지되어야 함을 의미합니다.

나는 이것에 대해 어떻게 생각하는지 잘 모르겠습니다.

제발 나를 도와주세요.

Answer 1

날씨가 확장되는지 여부를 결정하는 동일한 클래스 + 클래스로 모든 확장자를 만들 수 있습니다. 확장기 클릭시 펼치기 클래스가있는 요소에서 확장 및 축소 된 클래스를 제거하고 축소 된 첨부 이벤트 만 실행하고 클릭 된 확장기 만 확장 클래스를 가져옵니다. 내가 예를 게시 할 예정입니다

<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; 
} 

이 하나 확장기