2026, 새로운 도약을 시작합니다.

한 페이지(html파일)에 있는 탭 내용 출력하기 채택완료

한 페이지에(html) 3개의 내용이 있는데요

메인페이지에서 A를 누르면 내용1로 B를누르면 내용2 C를 누르면 내용3 으로갈려고합니다

내용 1,2,3 은 같은 html 내에 있는데 어떻게 작업해야하나요;

답변 4개

채택된 답변
+20 포인트

<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();

});

이렇게 하면 되지 않을까요?

자잘한 스크립트오류가 발생하면 잡으시고..

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

구글링하면 탭메뉴 예제소스가많이 있습니다

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

jquery를 활용해보세요

도움이 될려나 모르겠네요

https://jqueryui.com/tabs/

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

javascript onclick 으로 이벤트 잡으시고, css display 로 보여줬다 안보여줬다 하면 됩니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고