모바일 메뉴 입니다.

좌측 상단 메뉴 클릭 시

메인메뉴만 나오고 2차 서브 메뉴는 안나오게 하고싶습니다.  

<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가

include_once("$g4[path]/head.sub.php");
include_once("$g4[path]/lib/outlogin.lib.php");
include_once("$g4[path]/lib/poll.lib.php");
include_once("$g4[path]/lib/visit.lib.php");
include_once("$g4[path]/lib/connect.lib.php");
include_once("$g4[path]/lib/popular.lib.php");
include_once("./_common.php"); 
include_once("./popup_open.php"); //삽입 
//print_r2(get_defined_constants());

// 사용자 화면 상단과 좌측을 담당하는 페이지입니다.
// 상단, 좌측 화면을 꾸미려면 이 파일을 수정합니다.

$table_width = 100;

//print_r2($g4);
//$dir = dirname($HTTP_SERVER_VARS["PHP_SELF"]);
?>

    <style>
        /* Adjust the width of the left reveal menu.
        Copy all CSS from jquery.mobile.panel.css and delete the properties other than width, left, right and transform.
        Then delete the selectors/rules for display modes (reveal/push/overlay) and the position (left/right) that you don't use.
        If you don't use fixed toolbars on your page you can delete those selectors as well.
        Narrow the scope of the selectors to prevent other panels being affected by the overrides. */
        #bdm-page #left-panel.ui-panel {
            width: 15em;
        }
        #bdm-page #left-panel.ui-panel-closed {
            width: 0;
        }
        #bdm-page .ui-panel-position-left.ui-panel-display-reveal {
            left: 0;
        }
        #bdm-page .ui-panel-content-wrap-position-left.ui-panel-content-wrap-open,
        .ui-panel-dismiss-position-left.ui-panel-dismiss-open {
            left: 15em;
            right: -15em;.
        }
        #bdm-page .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal {
        left: 0;
        right: 0;
        -webkit-transform: translate3d(15em,0,0);
        -moz-transform: translate3d(15em,0,0);
        transform: translate3d(15em,0,0);
        }

        /* Combined listview collapsible menu. */
        /* Unset negative margin bottom on the listviews. */
        #left-panel .ui-panel-inner > .ui-listview { margin-bottom: 0; }
        /* Unset top and bottom margin on collapsible set. */
        #left-panel .ui-collapsible-set { margin: 0; }
        /* The first collapsible contains the collapsible set. Make it fit exactly in the collapsible content. */
        #left-panel .ui-panel-inner > .ui-collapsible > .ui-collapsible-content { padding-top:0; padding-bottom: 0;  border-bottom: none;  }
        /* Remove border top if a collapsible comes after a listview. */
        #left-panel .ui-panel-inner  > .ui-collapsible > .ui-collapsible-heading .ui-btn,
        #left-panel .ui-collapsible.ui-first-child .ui-collapsible-heading .ui-btn { border-top: none;  }
        /* Give the first collapsible heading the same padding, i.e. same height, as the list items. */
        #left-panel .ui-collapsible-heading .ui-btn-inner { padding: .7em 40px .7em 15px;  }
        /* Give the other collapsible headings the same padding and font-size as the list divider. */
        #left-panel .ui-collapsible-set .ui-collapsible-heading .ui-btn-inner { padding: .5em 40px .5em 15px; font-size: 14px; }
        
        /* Styling of the close button in both panels. */
        #bdm-page .ui-panel-inner > .ui-listview .ui-first-child {
            background: #eee;
        }

        /* Reveal menu shadow on top of the list items */
        #bdm-page .ui-panel-display-reveal {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            display: none;
        }
        #bdm-page .ui-panel-content-wrap-position-left {
            -webkit-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
            -moz-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
            box-shadow: -5px 0px 5px rgba(0,0,0,.15);
        }

        /* Use the ui-body class of your page theme to set a background image.
        The page theme will be set for the content wrapper,
        while the page get the panel them before opening the panel. */
        #bdm-page .ui-body-d {
            background-image: url(../../_assets/img/bg-pattern.png);
            background-repeat: repeat-x;
            background-position: left bottom;
            
        }

        /* Styling of the page contents */
        .article p {
            margin: 0 0 1em;
            line-height: 1.5;
        }
        .article p img {
            max-width: 100%;
        }
        .article p:first-child {
            text-align: center;
        }
        .article small {
            display: block;
            font-size: 75%;
            color: #c0c0c0;
        }
        .article p:last-child {
            text-align: right;
        }
        .article a.ui-btn {
            margin-right: 2em;
            -webkit-border-radius: .4em;
            border-radius: .4em;
            display: none;
        }
        @media all and (min-width:769px) {
            .article {
                max-width: 994px;
                margin: 0 auto;
                padding-top: 4em;
                -webkit-column-count: 2;
                -moz-column-count: 2;
                column-count: 2;
                -webkit-column-gap: 2em;
                -moz-column-gap: 2em;
                column-gap: 2em;
            }
            /* Fix for issue with buttons and form elements
            if CSS columns are used on a page with a panel. */
            .article a.ui-btn {
                -webkit-transform: translate3d(0,0,0);
            }
        }
    </style>

<style>
.amount { color:#2266BB; font-family:Verdana; }
.c1 { background-color:#94D7E7; }
.c2 { background-color:#E7F3F7; }
.cp1 {font-size:1em; text-align:center; text-decoration: none;  letter-spacing:1px;}
.cp2 {font-size:0.8em; text-align:center; text-decoration: none; letter-spacing:3px;}
.cp3 {font-size:9px; text-align:center; text-decoration: none; letter-spacing:0px;}
</style>

<div data-role="header" id="bdm-page" data-theme="c"  >
    <h1><a href="<?=$g4[path]?>/" class="white" data-role="none"><img src="http://innobiz60.cdn2.cafe24.com/head/logo.png" width="135" height="47" /></a></h1>
    <a href="#left-panel" data-icon="bars" style="margin:2em 0 0 0.4em;" > 메   뉴</a> <!-- 카테고리 수정 -->
    <a href="#right-panel" data-icon="search" style="margin:2em 0.4em 0 0;"> 검   색</a>
</div><!-- /header -->

<div data-role="content" data-theme="d">
    <div class="content-primary">

        <ul data-role="controlgroup" data-type="horizontal" data-mini="true" class="localnav" style="text-align:center;">
            <a href="<?=$g4[shop_path]?>/cart.php" data-role="button">장바구니(<?=get_cart_count(get_session('ss_on_uid'));?>)</a>
            <a href="<?=$g4[shop_path]?>/orderinquiry.php" data-role="button">조회</a>
            <a href="<?=$g4[path]?>/bbs/board.php?bo_table=free" data-role="button">자료실</a>
            <a href="<?=$g4[path]?>/bbs/board.php?bo_table=notice" data-role="button">공지</a> <!--/itemuselist.php-->
            <!-- <a href="<?=$g4[shop_path]?>/itemqalist.php" data-role="button">문의</a> -->
    <? if ($is_member) { ?>
    <a href="<?=$g4[bbs_path]?>/logout.php" data-role="button" data-mini="true" data-inline="true">로그아웃</a>
    <? } else { ?>
    <a href="<?=$g4[bbs_path]?>/login.php?url=<?=$urlencode?>" data-role="button">로그인</a>
    <? } ?>
        </ul>

    <!--</div>
    <div class="content-primary">-->

링크 모바일 강제접속이라 모바일로 접속해야 실행되요~ ㅜ.