2012-02-15 7 views
1

우리는 왼쪽에서 수직으로 탭을 적용 할 때 인터페이스 표준을 사용합니다. 이 시간의 95 %는 우리 모두가 필요로하고 모든 것이 좋습니다.jQueryUI로 하위 탭을 만드는 방법은 무엇입니까?

| Tab   | Content 
| Selected Tab 
| Tab   | 

이제는 하위 섹션으로 분할해야하는 탭이 있습니다. 서브 컨텐츠 섹션의 상단에서 수평 탭으로 바꾸고 싶지는 않습니다. 사이드 탭 중 하나를 확장하여 선택 가능한 하위 탭을 표시 할 수 있다면 이상적입니다.

| Tab   | Content of Selected Tab Child 2 
| Selected Tab | 
| Child 1 | 
| Child 2 
| Child 3 | 
| Tab   | 

이미이 기능을 수행하는 jQueryUI 용 플러그인이 있습니까? 아니면 처음부터 시작할까요?

+0

현재 "수평"솔루션의 데모를 설정할 수 있습니까? – Sinetheta

+0

어, 우리는 현재 가로 솔루션을 가지고 있지 않습니까? – jhogendorn

답변

1

jquery-vert-tabs은 ... AFAIK 현재 수직 탭에 사용하는 어떤

screenshot of jquery-vert-tabs example of nested tabs

당신이 원하는 깨끗한 방법을하지 중첩 된 탭에 대한 지원을하고 있지만? jQuery UI는 그것을 지원하지 않으므로 다른 플러그인을 사용하고 있거나 사용자 정의 된 솔루션이 있다고 가정합니다.

더 좋은 방법이없는 경우 "일반"탭과 "하위"탭이있는 메뉴를 만드는 것이 좋습니다 (일부는 들여 쓰기로 padding-left을 사용하거나 앞에  을 추가). 태만. 일반 탭을 클릭하면 모든 하위 탭이 숨겨집니다 (표시된 하위 탭은 표시되지 않음). 현재 사용중인 제품에 따라 구현하기가 너무 어려워서는 안됩니다 ...

관련 문제