SIR
목록으로

버튼 클릭 시 숨겨진 tr / td 표 나오기 채택완료

qwqweqwe
프로필 보기이 회원 글보기이 회원의 댓글보기
 4년 전 조회 4,196
답변 2
목록

1~9번 버튼이 있다면 1번 버튼 클릭 시 tr td 표가 나오고

 

다음 2번 버튼을 클릭했을 때는 2번에 맞는 표가 나오게 하고 싶습니다..

 

혹시 간단하게 구현할 수 있는 방법 있을까요?

#숨기기 #hide #tr #td #버튼

답변 2개

채택된 답변
+20 포인트

버튼마다 onclick 넣고 id로 연결시켜서 show/hide 시켜보세요

 

jquery show/hide로 검색해보세요

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

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

Copy 
<button type="button" data-table="table_01"></button>

    <button type="button" data-table="table_02"></button>

    <button type="button" data-table="table_03"></button>

    <div class="tab_area">

        <table class="table_01"></table>

        <table class="table_02"></table>

        <table class="table_03"></table>

    </div>

    <style>

        [class*='table_0']{display:none;}

        [class*='table_0'].active{display:block;}

    </style>

    <script>

        $(function(){

            $('button').click(function(){

                var $target = $(this).attr('data-table');

                $('.tab_area').children('table').removeClass('active');

                $('.'+$target).addClass('active');

            });

        });

    </script>
로그인 후 평가할 수 있습니다

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

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

로그인
🐛 버그신고