탭형식의 최신게시물 구현방법을 알고싶습니다.

안녕하세요.

그누보드 초보입니다 ㅠ..

이부분에 탭을 추가하고 싶은데요.

div class="dright" data-sb=fadeInRight>
                    <div class="board_box">
                        
                        <div class="notice_area1" style="float:right;">                        
                            <ul class="tab">                            
                                <li  class="on"><a href="#noticeList2">커뮤니티</a></li>
                                <li  class="off"><a href="#noticeList4">테스트</a></li>
                            </ul>
                            <div id="noticeList2"  class="active">
                                <?php 
                                    echo latest('theme/simple', "free", 5, 40);
                                ?>
                            </div>
                            <div id="noticeList4"  class="active">
                                <?php 
                                    echo latest('theme/simple', "go1", 5, 40);
                                ?>
                            </div>

이렇게하면 아래와 같이 나오는데 이부분을 어떻게 해야 테스트 탭을 눌렀을때

게시판이 바뀔까요?