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

Question

한 페이지에(html) 3개의 내용이 있는데요

 

메인페이지에서 A를 누르면 내용1로 B를누르면 내용2 C를 누르면 내용3 으로갈려고합니다

 

내용 1,2,3 은 같은 html 내에 있는데 어떻게 작업해야하나요;

플래토 · Accepted Answer

내용1

내용2

내용3

 



$(function() {

    $(".divtab").hide();

    $("#a").show();

});

 

$(".divtab").click(function() {

    var id = $(".divtab").prop('id');

    $(".divtab").hide();

    $("#"+id).show();

});

 

이렇게 하면 되지 않을까요?

자잘한 스크립트오류가 발생하면 잡으시고..

돼지코구뇽 · Answer

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

비혼 · Answer

jquery를 활용해보세요

도움이 될려나 모르겠네요

https://jqueryui.com/tabs/

PureAni · Answer

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

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

답변 4개

공유하기