묻고답하기
모바일 1차메뉴를 눌렀을때 2차메뉴를 보여지게 할 수 있나요?
2016.02.19 17:35
현재 모바일 레이아웃은 Xenon HS를 사용하고 있습니다.
모바일 화면에서 사이드메뉴를 펼쳐서
1차메뉴 오른쪽에 있는 ">" 이 버튼을 누르면 1차메뉴 아래로 2차메뉴가 펼쳐지게 되어 있습니다.
">" 뿐 아니라, 1차메뉴를 눌렀을때도 1차메뉴 아래로 2차메뉴가 펼쳐지게 할 수 있을까요?
현재는 1차 메뉴를 누르면 현재페이지가 다시 로딩됩니다. (1차 메뉴의 바로가기를 # 로 설정함)
혹시 아시는 분은 답변 부탁드립니다~
* 아래 첨부한 그림에서 왼쪽 그림처럼 1차메뉴명을 누르면 현재 페이지가 다시 로딩되고, 오른쪽 그림처럼 > 버튼을 누르면 2차메뉴가 펼쳐집니다. 1차메뉴를 눌렀을때도 2차메뉴가 펼쳐지게 하고 싶습니다.
댓글 2
-
day
2016.02.19 17:38
-
저건 js쪽 수정을 해야 합니다 물론
<!-- 메인 메뉴 영역 시작 -->
<div id="menu" class="menuArea">
<ul>
<li loop="$main_menu->list=>$key1,$val1" cond="$val1['link']" class="mm-selected"|cond="$val1['selected']">
<a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">#</a>
<ul cond="$val1['list']">
<li loop="$val1['list']=>$key2,$val2" cond="$val2['link']" class="mm-selected"|cond="$val2['selected']">
<a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a>
<ul cond="$val2['list']">
<li loop="$val2['list']=>$key3,$val3" cond="$val3['link']" class="mm-selected"|cond="$val3['selected']">
<a href="{$val3['href']}" target="_blank"|cond="$val3['open_window']=='Y'">{$val3['link']}</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>이 부분도 빨간 부분을 바꾸셔야 하고요.
레이아웃의 layout.html 중 메뉴 관련 부분은 아래와 같이 되어 있습니다. 이걸 수정해야 하는건지.. 아니면 다른걸 수정해야 하는건지 모르겠네요;;
<!-- 메인 메뉴 영역 시작 -->
<div id="menu" class="menuArea">
<ul>
<li loop="$main_menu->list=>$key1,$val1" cond="$val1['link']" class="mm-selected"|cond="$val1['selected']">
<a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a>
<ul cond="$val1['list']">
<li loop="$val1['list']=>$key2,$val2" cond="$val2['link']" class="mm-selected"|cond="$val2['selected']">
<a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a>
<ul cond="$val2['list']">
<li loop="$val2['list']=>$key3,$val3" cond="$val3['link']" class="mm-selected"|cond="$val3['selected']">
<a href="{$val3['href']}" target="_blank"|cond="$val3['open_window']=='Y'">{$val3['link']}</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>