한 페이지(html파일)에 있는 탭 내용 출력하기
본문
한 페이지에(html) 3개의 내용이 있는데요
메인페이지에서 A를 누르면 내용1로 B를누르면 내용2 C를 누르면 내용3 으로갈려고합니다
내용 1,2,3 은 같은 html 내에 있는데 어떻게 작업해야하나요;
답변 4
<div class="divtab" id="a">내용1</div>
<div class="divtab" id="b">내용2</div>
<div class="divtab" id="c">내용3</div>
<script>
$(function() {
$(".divtab").hide();
$("#a").show();
});
$(".divtab").click(function() {
var id = $(".divtab").prop('id');
$(".divtab").hide();
$("#"+id).show();
});
이렇게 하면 되지 않을까요?
자잘한 스크립트오류가 발생하면 잡으시고..
javascript onclick 으로 이벤트 잡으시고, css display 로 보여줬다 안보여줬다 하면 됩니다.
구글링하면 탭메뉴 예제소스가많이 있습니다
답변을 작성하시기 전에 로그인 해주세요.