ETAH UI

toggle-btn, toggle-class

<div class="brand_check">
    <h3 class="brand_check_title">브랜드</h3>
    <ul class="brand_check_list">
        <li class="checkbox_area">
            <input type="checkbox" class="checkbox" id="formBrandCheck01">
            <label class="checkbox_label" for="formBrandCheck01">데코룸 <span class="num">(12)</span></label>
        </li>
        <li class="checkbox_area">
            <input type="checkbox" class="checkbox" id="formBrandCheck18">
            <label class="checkbox_label" for="formBrandCheck18">스페이스월 <span class="num">(13)</span></label>
        </li>
    </ul>
    <!-- toggle class -->
    <button type="button" class="brand_check_btn" data-ui="toggle-class" data-target=".brand_check" data-class="active" ><span class="spr-common spr_btn_more"></span></button>
</div>
<!-- toggle-btn -->
<a href="#" class="btn_write position_right" data-ui="toggle-btn" data-target="#prd_inquiry_layer">문의하기</a>
<div class="prd_inquiry_layer" id="prd_inquiry_layer">
    <h3 class="prd_inquiry_layer_title">상품 문의하기</h3>
    <dl class="prd_inquiry_layer_line">
        <dt class="title">문의제목</dt>
        <dd class="data"><input type="text" class="input_text" style="width: 690px;" /></dd>
    </dl>
    <dl class="prd_inquiry_layer_line">
        <dt class="title">문의내용</dt>
        <dd class="data">
            <textarea class="input_text" style="width: 690px;"></textarea>
        </dd>
    </dl>
    <ul class="btn_list">
        <li><button type="button" class="btn_positive btn_positive__min">문의하기</button></li>
        <li><button type="button" class="btn_negative btn_negative__min" data-ui="toggle-btn" data-target="#prd_inquiry_layer">취소</button></li>
    </ul>
</div>

layer-opener, layer-closer (레이어 관련)

$("layerElement").trigger("rePosition");

layer Tag Layout

<div class="layer layerClass" id="layerId">
    <div class="layer_inner">
        <h1 class="layer_title">레이어 타이틀 영역</h1>
        <div class="layer_cont">
            <!-- 레이어 컨텐츠 영역 -->
        </div>

        <!-- 레이어 버튼 영역 -->
         <ul class="btn_list">
            <li><button type="button" class="btn_positive">쿠폰적용</button></li>
            <li><button type="button" class="btn_negative">적용취소</button></li>
        </ul>
        <a href="#layerId" class="spr-common layer_close" data-ui="layer-closer" title="레이어 닫기"></a>
    </div>
    <div class="dimd"></div>
</div>
    // options:Object
    {
        box : $( '#mainBanner' ), // 베너 리스트와 페이지를 감싸는 엘리먼트
        list : $( '#mainBanner' ).find( '.main_banner_item' ), // 베너 리스트 아이템 엘리먼트 (li)
        pageElement : '<li class="main_banner_btn_item"><a href="#"><img src="/assets/images/display/big_banner_page.png" alt=""></a></li> ', // page 처리되는 태그
        pageBlock : $('#mainBanner').find('.main_banner_btn_list'), // 생성된 페이지 엘리먼트가 삽입될 부모 엘리먼트
        selectClass : 'active', // 현재 페이지에 추가되는 클래스
        autoSec : 5000 // 자동 롤링 (0 일경우 롤링 없음.)
    }