JQuery Tab UI 통합

Question

너무 긴 페이지 탭을 구현 중입니다. 탭 전에 내 원래 페이지가 여기에 있습니다 :

[http://199.119.123.133/surety-bonds/commercial-bonds/contractor_license_bond_tabs.htm]

탭을 구현 한 후 내 페이지가 여기에 있습니다 : [HTTP : //199.119.123.133/surety-bonds/commercial-bonds/contractor_license_bond_tabs.htm]

내 FAQ 및 비디오가 더 이상 탭 버전에 표시되지 않습니다. 이 문제는 CSS 또는 JQuery 문제와 관련이 있다고 생각하지만 오후 내내 문제를 해결 한 후에 막혔습니다.

도움이나 도움이 필요하십니까? 귀하의 목록을 숨기고 당신의 탭에 대한 규칙이있는 스타일의 이름 settings.css이 있습니다

Answer 1

너무

.flat-tabs-left ul li { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
overflow: auto; 
opacity: 0; 
list-style: none; 
background-color: #fff; 
padding: 30px 25px; 
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box; 
} 

당신은 불투명도 규칙, 그리고 당신이 할 수있는 패딩 (브라우저 관리자로) 언급하는 경우 목록이 완전히 엉망이 되어도 나타납니다. 따라서 스타일 시트가 탭을 스타일링하여 발생하는 문제입니다. 나는 그것이 플러그인 또는 뭔가라고 생각한다.

당신은 부트 스트랩 탭 http://getbootstrap.com/javascript/#tabs 또는 JQuery와 탭 https://jqueryui.com/tabs/