기본값을 제외한 탭 패널 숨기기

로드하는 동안 모든 패널을 표시하는 탭이 있습니다. 기본 설정 만 표시하는 것으로 되돌려도 iframe 높이 설정에 문제가 발생합니다. 어떤 검색을 한 후에 나는이 jquery를 발견했다. 먼저 숨기기 클래스를 대체하는 CSS기본값을 제외한 탭 패널 숨기기

.hide { position: absolute; top: -9999px; left: -9999px; }

그리고 jQuery로 다른 패널을 숨기는 것은 좋은 나타나지만 탭을 전환 후 함께 패널 내용을 표시 처음

// Accessible hiding fix 
     $(".hide").css({ 
      "position": "relative", 
      "top": 0, 
      "left": 0, 
      "display": "none" 
     });

입니다. 따라서 세 번째로 클릭 한 탭은 모든 내용을 이전 탭과 혼합합니다.

여기에 무엇을해야할지 모르겠습니다. 다음은 전체 페이지 링크입니다. http://tinyurl.com/c5nhet5

이 문제를 해결하려면 코드를 어떻게 수정해야합니까?

왜 클래스를 제거하지 않는 것이 좋을까요? '$ (". hide"). removeClass ("hide")' –

@ kevin-b 그것을 시도했다. 그런 다음 모든 탭 내용을 한 번에 표시합니다. 탭을 전환 할 때 작동하지만 초기 느낌이 엉망이 된 것 같습니다. 주위에? –

탭을 초기화하기 전이나 후에 클래스를 제거하고 있습니까? 그것은 후에해야합니다. –

당신이하는 일을 덮어 쓰려고하지 않고 hide 클래스를 제거해야합니다.

$("#tabs").tabs(); 
$(".hide").removeClass("hide");

2012-08-13 20:06:56

답변