[그누보드5 X] 탭메뉴 전체 채택완료

o3ohhh

5년 전 조회 2,226

http://www.webpaper.kr/show/102&page=1
그누보드5 기능 말고 개인적인 질문이긴한데요 ㅠㅠ 죄송합니다 물어볼데가없어서,,
위페이지 따라서 탭메뉴 html,css,jquery 까지 해서 잘 나오는데요!
전체를 넣고싶은데 jquery 가 막혀서 질문드립니다

Copy

<div class="tab">
    <ul>
        <li data-id="all" class="on">전체</li> <!-- 전체 -->
        <li data-id="con1">tab1</li>
        <li data-id="con2">tab2</li>
        <li data-id="con3">tab3</li>
    </ul>
    <div id="all" class="conBox on">
        <!-- 전체 리스트가 다 나오게 -->
    </div>
    <div id="con1" class="conBox">
        cont1
    </div>
    <div id="con2" class="conBox">
        cont2
    </div>
    <div id="con3" class="conBox">
        cont3
    </div>
</div>
<script>
    $(function(){
        // tab 메뉴를 클릭하였을 때 동작함
        $(".tab ul li").click(function(){ 
             
            // 현재 선택되어있던 메뉴들을 초기화함
            $(".tab ul li").removeClass('on');
            $(".tab .conBox").removeClass('on');
 
            // 선택된 메뉴에 on 클래스를 주어 표기함
            $(this).addClass('on');
 
            // 선택된 탭의 data 값으로 content box를 선택함
            $("#"+$(this).data('id')).addClass('on');
        });
    });
</script>

#탭메뉴