비공개 댓글입니다.

비공개 댓글입니다.

탭의 존재 이유
갑자기 사자성어가 멋져 보였기 때문입니다
잘 몰랐거나 가물가물한 것들을 모아둠

공리공론(空理空論) 실천이 따르지 아니하는, 헛된 이론이나 논의
아전인수(我田引水) 자기에게만 이롭게 되도록 생각하거나 행동함
대의멸친(大義滅親) 큰 의리(義理)를 위(爲)해서는 혈육(血肉)의 친함도 저버린다.
이합집산(離合集散) 헤어졌다가 만나고 모였다가 흩어짐
괄목상대(刮目相對) 남의 학식이나 재주가 놀랄 만큼 부쩍 늚
부급종사(負笈從師) 먼 곳에 있는 스승을 찾아서 공부하러 감

HTML 란에 복사 붙여넣기 합니다.

<script>
    // html dom 이 다 로딩된 후 실행된다.
    $(document).ready(function(){
        // menu 클래스 바로 하위에 있는 a 태그를 클릭했을때
        $(".menu>a").click(function(){
            var submenu = $(this).next("ul");
 
            // submenu 가 화면상에 보일때는 위로 보드랍게 접고 아니면 아래로 보드랍게 펼치기
            if( submenu.is(":visible") ){
                submenu.slideUp();
            }else{
                submenu.slideDown();
            }
        });
    });
</script>

<div>
    <ul>
        <li class="menu">
            <a>버튼이 들어갈 곳</a>
            <ul class="hide">
                <li>배너들이 들어가는 영역</li>
            </ul>
        </li>
    </ul>
<style>
    .menu a{cursor:pointer;}
    .menu .hide{display:none;}
</style>
</div>

비공개 댓글입니다.