묻고답하기
2차 메뉴가 있을 때만 특정 div를 출력하게 하려면 어떻게 해야하나요
2015.04.26 16:02
그러니까.. 2차메뉴가 없는 페이지에서는 2차메뉴가 나타나는 영역 자체가 안보이게요..
자바스크립트로 다루는 문제인가용? ㅠ_ㅠ
layout.html 에서 2차메뉴 이렇게 불러오구요
<div class="submenu">
<ul loop="$gnb->list=>$key1,$val1" cond="$val1['selected'] && $val1['list']">
<li loop="$val1['list']=>$key2,$val2" class="active"|cond="$val2['selected']">
<a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a>
</li>
</ul>
</div>
css 에서 이렇게 설정하여서 출력하려구 합니다
.submenu {
width: 100%;
top:75px;
height:30px;
background: #0B0D24;
z-index: 9996;
position: fixed;
margin:0;
opacity:0.9;
box-shadow:0 3px 2px #D1D1D1;
}
.submenu ul {
position:absolute;
padding:0;
margin:0;
}
.submenu ul li {
display: inline-block;
margin:0;
padding:0 20px;
height:30px;
}
.submenu ul li:hover, li:focus {
outline: none;
border-bottom: 2px solid #fff;
}
.submenu li a {
font-size: 13px;
text-decoration: none;
font-family: ng;
color: #fff;
vertical-align:super;
z-index:9999;
}
2차 메뉴가 없는 페이지일경우 <div class=submenu> ~~~ </div> 를 아예 출력하지 않게 하고 싶은데 방법이 있을까요
답변 부탁드립니다!
태그 연관 글
- [2020/12/16] 묻고답하기 footer 하단에 고정하려면 어딜 수정해야 할까요?
- [2020/01/31] 묻고답하기 2단메뉴 *2
- [2019/10/10] 묻고답하기 cafe24 XE3 STEP 3 단계에서 에러가 발생합니다. *3
- [2019/03/27] 묻고답하기 모바일에서만 '권한이 없습니다'가 나오는 이유가 궁금합니다. *1
GNB 메뉴쪽에 $_selected_menu = $val1 로 지정하는 부분이 있다면 그 아랫줄에 <block cond="$val1['selected']">{@ $_selected_menu_srl = $key1}</block>을 넣어주시고,
block태그로 div태그를 선택적 표시 하시면 될 듯 합니다.
<!-- GNB --> <ul> <li loop="$gnb->list => $key1, $val1"> <block cond="$val1['selected']">{@ $_selected_menu = $val1}</block> <block cond="$val1['selected']">{@ $_selected_menu_srl = $key1}</block> </li> </ul> <block cond="$gnb->list[$_selected_menu_srl]['list']"> <div class="submenu"> ~~~ </div> </block>