<button type="button" id="quick_open"><i class="fa fa-plus" aria-hidden="true"></i><span class="sound_only">퀵메뉴 열기</span></button>
<div id="quick"  class="tab-wr">
    <ul class="qk_btn">
        <li class="tabsTab">
            <a href=""><img src="<?php echo G5_THEME_URL; ?>/img/1.png" alt=""></a>
        </li>
        <li class="tabsTab">
            <a href=""><img src="<?php echo G5_THEME_URL; ?>/img/2.png" alt=""></a>
        </li>
        <li class="tabsTab">
            <a href=""><img src="<?php echo G5_THEME_URL; ?>/img/3.png" alt=""></a>
        </li>
    </ul>
    <div  class="tabsCon">
        <div class="qk_con" id="qk_view">
            <div class="qk_con_wr">
            <h3><span>오늘본상품</span></h3>
            <?php include(G5_MSHOP_SKIN_PATH.'/boxtodayview.skin.php'); // 오늘 본 상품 ?>
            <button type="button" class="con_close"><i class="fa fa-times-circle" aria-hidden="true"></i><span class="sound_only">오늘본상품 닫기</span></button>
            </div>
        </div>
        <div class="qk_con tabsList" id="qk_wish">
            <div class="qk_con_wr">
            <h3><a href="<?php echo G5_SHOP_URL; ?>/wishlist.php">위시리스트</a></h3>
            <ul class="qk_prdli">
            <?php
            $sql = " select *
                       from {$g5['g5_shop_wish_table']} a,
                            {$g5['g5_shop_item_table']} b
                      where a.mb_id = '{$member['mb_id']}'
                        and a.it_id  = b.it_id
                      order by a.wi_id desc
                      limit 0, 10 ";
            $result = sql_query($sql);
            for ($i=0; $row = sql_fetch_array($result); $i++)
            {
                $image_w = 80;
                $image_h = 80;
                $image = get_it_image($row['it_id'], $image_w, $image_h, true);
                $list_left_pad = $image_w + 10;
            ?>
            <li>
                <div class="qk_img"><?php echo $image; ?></div>
                <div class="qk_txt">
                    <div  class="qk_name"><a href="./item.php?it_id=<?php echo $row['it_id']; ?>"><?php echo stripslashes($row['it_name']); ?></a></div>
                    <span class="info_date"><?php echo substr($row['wi_time'], 2, 8); ?></span>
                </div>
            </li>
            <?php
            }
            if ($i == 0)
                echo '<li class="empty_list">보관 내역이 없습니다.</li>';
            ?>
            </ul>
            <button type="button" class="con_close"><i class="fa fa-times-circle" aria-hidden="true"></i><span class="sound_only">위시리스트닫기 </span></button>
            </div>
        </div>
    </div>
</div>
<script>
$(function (){
     $(".view_op_btn").on("click", function(){
        $("#qk_view").show();
    });
     $(".wish_op_btn").on("click", function(){
        $("#qk_wish").toggle();
    });
    $(".con_close").on("click", function(){
        $(".qk_con").hide();
    });
    $("#quick_open").on("click", function(){
        $("#quick").toggle();
    });
   
});
$(document).mouseup(function (e){
    var container = $(".qk_con");
    if( container.has(e.target).length === 0)
    container.hide();
});
</script>