jQuery 숨기기 탭 선택자

jQuery 탭 컨트롤의 탭 선택기를 숨길 수있는 방법을 아는 사람이 있습니까?jQuery 숨기기 탭 선택자

나는 여러보기가 숨겨져 있지만 원하는 경우에만 나타나도록하여 마법사 설치 유형을 수행하려고합니다.

아이디어가 있으십니까? 탭이 아닌 다른 것을 사용할 수 있습니까?

2009-05-13 Vince Panuccio

function selectView(i) { 
    $(".view").hide(); 
    $("#view" + 1).show(); 
}

하거나 ID를 사용하지 않으려면 divs는 여기에서 잘 작동합니다.

<html> 
    <head> 
    <script type="text/javascript" 
      src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"> 
    </script> 
    <script type="text/javascript"> 
$(function() { 
    $(".nextButton").click(function() { 
    $(this).parent().hide().next().show(); 
    }); 
    $(".prevButton").click(function() { 
    $(this).parent().hide().prev().show(); 
    }); 
}); 
    </script> 
    </head> 
    <body> 
    <div> 
     Tab One<br/> 
     <input type="button" class="nextButton" value="next"/> 
    </div> 
    <div style="display:none;"> 
     Tab Two<br/> 
     <input type="button" class="prevButton" value="prev"/> 
     <input type="button" class="nextButton" value="next"/> 
    </div> 
    <div style="display:none;"> 
     Tab Three<br/> 
     <input type="button" class="prevButton" value="prev"/> 
    </div> 
    </body> 
</html>

출처

2009-05-13 13:52:01 cobbal

나는 그것을 할 수 있을지 전혀 몰랐다. 말이된다. 내 자신이 멍청하게 느껴진다! 감사합니다 :) –

당신은 그 질문에 대한 템플릿을 준비 했습니까? :) –

div를 서로 위에 만들고 show() 및 hide()를 사용하여 div를 표시하거나 숨 깁니다. 보기 만 프로그래밍 방식으로 전환하려는 경우 탭이 필요하지 않습니다.

<div class="view" id="view1"> 
</div> 
<div class="view" id="view2"> 
</div> 
<div class="view" id="view2"> 
</div>

자바 스크립트 : 그것은 그

HTML로 간단하게 그냥 숨기고 보여주는

function selectView(i) { 
    $(".view").hide(); 
    $(".view :eq(" + 1 + ")").show(); 
}

출처

2009-05-13 13:51:15 kgiannakakis

jQuery 숨기기 탭 선택자

답변

관련 문제