jQuery 도구 - 세로 탭이 가능합니까?

Question

내 사이트에서 jQuery Tools 탭을 사용하고 있으며 가로 탭이 아닌 세로 탭을 원합니다. jQuery UI 탭은 다른 플러그인과 마찬가지로이 작업을 수행 할 수 있지만 jQuery Tools 탭을 사용하고 싶습니다.

구체적으로 말하자면, 나는 이것을 취하려고합니다 : http://flowplayer.org/tools/demos/tabs/skin4.htm 두 가지를하십시오.

1) 절대 위치를 사용하여 크로스 페이드 때

이 불가능한 것으로 보인다 패널 높이가 해당 탭의 모든 콘텐츠를 보여주기 위해 변경됩니다 왼쪽 2) 확인의 탭이 수직 확인? 나는이 일을하기 위해 crossfading을 포기하는 것보다 더 행복 할 것이다! 나는 문서를 훑어보고 아무것도 찾을 수 없었다.

Answer 1

질문의 두 번째 부분은 현재의 높이가 높이가에 따라 높이를 조정하기 위해 Javascript/jQuery가 필요합니다. 정상적인 DOM 흐름이 아니므로 절대적으로 위치합니다. 따라서 height:auto을 #panes에 설정하면 작동하지 않습니다.

그러나, 귀하의 질문의 첫 번째 부분은 당신이 그래서를 제공하는 데모 페이지를 변경, 간단한 CSS로 수행 할 수 있습니다

#panes  { width:XXXpx; float:right; } 
#nav  { width:YYYpx; } 
#nav ul { width:YYYpx; float:left; margin:0; padding:0; } 
#nav ul li { width:YYYpx; display:block; margin:0; padding:0; } /* no float! */ 

XXXpx 및 YYYpx 부모 래퍼의 폭까지 추가되므로, 수레가 제대로 작동하고 포장하지 마십시오.