묻고답하기
2차메뉴(서브메뉴)펼침 제어 할수 있나요?
2016.12.09 10:44
메인메뉴를 클릭하면, 홈페이지 좌측에 서브 메뉴(2차메뉴)가 펼쳐져 보이는데, 기본적으로 닫혀 있다가, 마우스 클릭하면
2차 메뉴 아래 3차 메뉴를 펼쳐지게는 못 하나요 ?
아래와 같은 구조인데요.
위젯 페이지가 여러개 있다 보니, 한 화 면에 보여지질 않아서,
자측에 보여지는 2차 메뉴는 , 위젯 페이지만 보여지고, 하위 메뉴(3차메뉴)는 2차메뉴 클릭 할때만 펼쳐 졌으면 하는데요..
어떻게 구현이 가능 할지요? 도움 부탁 드립니다.
메인메뉴1 메인 메뉴2 메인 메뉴3
메인메뉴1(위젯페이지)
서브 게시판 1
서브 게시핀 2
메인메뉴2(위젯페이지)
서브 게시판 2-1
서브 게시핀 2 -2
메인메뉴3(위젯페이지)
서브 게시판 3-1
서브 게시핀 3-2
:
:
:
메인메뉴10(위젯페이지)
아래.. 에서 2차 메뉴를 onclick 하면 될것 같은데... 좀 도와 주세요.
어디에 적용을 해야 할지 못 찾겠어요..
if....이렇게 하면 되지 않을까 싶은데,,
<!--// LNB(2차 메뉴) -->
<ul loop="$main_menu->list=>$key1,$val1" cond="$val1['selected'] && $val1['list']" id="lnb" class="ui_font clear">
<li loop="$val1['list']=>$key2,$val2" cond="$val2['link']">
<a class="lnb_2nd<!--@if($val2['selected'])--> on<!--@end-->" 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']"><a class="lnb_3rd<!--@if($val3['selected'])--> on<!--@end-->" href="{$val3['href']}" target="_blank"|cond="$val3['open_window']=='Y'">{$val3['link']}</a>
</li>
</ul>
</li>
</ul>
댓글 3
-
hshshsss
2016.12.09 16:37
<div class="lnb_area">
<h1 loop="$GNB->list=>$key1,$val1" cond="$val1['selected']" class="lnb_title">{$val1['link']}</h1>
<div class="lnb">
<ul loop="$GNB->list=>$key1,$val1" cond="$val1['selected'] && $val1['list']" class="lnb_1 clfx">
<li loop="$val1['list']=>$key2,$val2" class="lnb_on"|cond="$val2['selected']">
<a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a>
<div class = "lnb2">
<ul cond="$val2['selected'] && $val2['list']" class="lnb_2 clfx" >
<li loop="$val2['list']=>$key3,$val3" class="lnb_on"|cond="$val3['selected']">
<a href="{$val3['href']}" target="_blank"|cond="$val3['open_window']=='Y'">{$val3['link']}</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>저는 이런 식으로 했어요~ 3차 서브메뉴는 또 lnb3를 만들어서 하시면 될것같아요!
-
sd****
2016.12.12 14:14
도움 감사 합니다.
지난주 어떻게 하나, 고민 하다가 쿡래빗 이라는 레이아웃을 적용해서 , 해결은 했었는데,
알려주신 방법도 적용 해 보겠습니다.
^_^
<ul cond="$val2['list']" <!--@if(!$val2['selected'])-->style="display:none;"<!--@end-->> 빨갛게 표시된 부분을 추가해 보시겠어요?