묻고답하기
메뉴를 바꾸는데...도저히 모르겠네요 ㅜㅜ
2015.03.10 14:52
<style>
body {backgound-color:#ccc;
margin:20px auto;
padding: 0;
font-family:"맑은 고딕";
font-size:0.9em;
}
ul#navi {
width: 200px;
text-indent: 10px;
}
ul#navi, ul#navi ul {
margin:0;
padding:0;
list-style:none;
}
li.group {
margin-bottom: 3px;
}
li.group div.title {
height: 35px;
line-height: 35px;
background:#9ab92e;
cursor:pointer;
}
ul.sub li {
margin-bottom: 2px;
height:35px;
line-height:35px;
background:#f4f4f4;
cursor:pointer;
}
a {
display: block;
width: 100%;
height:100%;
text-decoration:none;
color:#000;
}
ul.sub li:hover {
background:#cf0;
}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script>
$(document).ready(function(){
//모든 서브 메뉴 감추기
$(".sub").css({display:"none"});
//$(".sub").hide(); //위코드와 동일
$(".title").click(function(){
//일단 서브메뉴 다 가립니다.
//$(".sub").css({display:"none"});
//열린 서브메뉴에 대해서만 가립니다.
$(".sub").each(function(){
console.log($(this).css("display"));
if($(this).css("display")=="block") {
//$(".sub").css({display:"none"});
//$(this).hide();
$(this).slideUp("fast");
}
});
//현재 요소의 다음 요소를 보이게 합니다.
//$(this).next("ul").css({display:"block"});
//$(this).next("ul").show();
$(this).next("ul").slideDown("fast");
})
});
<ul id="navi">
<li class="group">
<div class="title">제목</div>
<ul class="sub">
<li><a href="#">sub1</a></li>
<li><a href="#">sub1</a></li>
<li><a href="#">sub1</a></li>
</ul>
</li>
<li class="group">
<div class="title">title 2</div>
<ul class="sub">
<li><a href="#">sub2</a></li>
</ul>
</li>
<li class="group">
<div class="title">title 3</div>
<ul class="sub">
<li><a href="#">sub3</a></li>
<li><a href="#">sub3</a></li>
</ul>
</li>
</ul>
이거를 레이아웃에 적용하려면 어떻게해야할까요...
title을 클릭하면 서브메뉴가 나오면서 아래로 밀리는 형식인데
2차메뉴가 있는 메뉴는 메뉴자체링크를 없애고 2차메뉴를 나오게하고
없는메뉴는 그것만으로 링크를 넣고싶은데
이것저것 가져다 붙이고 해봐도 안되네요 ㅜㅜㅜㅜ
<ul>
<div id="navi">
<li loop="$main_menu->list=>$key1,$val1">
<!--if@(count($val['list'] >0)-->
<div class="group">
<div class="title">{$val1['link']}</div>
<ul class="sub">
<li loop="$val1['list']=>$key2,$val2">
<a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a>
</li>
</ul>
</div>
<!--@else-->
<div class="group">
<div class="title">
<a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a>
</div>
</div>
<!--@endif-->
</li>
</div>
</ul>
얕은 지식으로 여기저기 뒤져가며 복사해다 붙여봤는데 역시나 오류만뜨는데
뭘 어떻게해야 원하는데로 할수있을까요 ㅜㅜ
http://hinggo.dothome.co.kr/test.html
이런식으로 처음메뉴는 하위메뉴가있어서 누르면 링크없이 하위메뉴가 나오고
두번째메뉴는 하위메뉴 없이 해당링크로 가는 메뉴를 만들고싶어요 도와주세요 ㅜㅜ
댓글 3
-
휘즈
2015.03.10 15:50
-
힝고
2015.03.10 16:49
위에 ul부터 7라인~28라인인데
Parse error: syntax error, unexpected '}' in /host/home3/hinggo/html/files/cache/template_compiled/ef705ed6f5c1250ff45cb388b93c4ab6.compiled.php on line 26
라고나오네요자꾸 ㅜㅜ
-
휘즈
2015.03.10 22:00
메시지에 나온 라인번호는
/host/home3/hinggo/html/files/cache/template_compiled/ef705ed6f5c1250ff45cb388b93c4ab6.compiled.php
파일을 보아야 하고
{ 나 } 안에 공백이 있나 확인해 보세요
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
junnpark | 게시판 상단 내용 php 코드 문제 [1] | 2015.03.10 by GG |
반걸 | php구문 레이아웃 html에 넣는법 [4] | 2015.03.10 by 반걸 |
힝고 | 메뉴를 바꾸는데...도저히 모르겠네요 ㅜㅜ [3] | 2015.03.10 by 휘즈 |
bb | 게시판 검색부분문의 합니다. [2] | 2015.03.10 by bb |
자야2 | 메인페이지 리로드 할때마다 카운터가 올라가게.. | |
freesk23 | 도대체 이게 뭐가 문제인지 알 수 없어서 질문합니다. [2] | 2015.03.10 by freesk23 |
조푸름 | 스케치북게시판 수정하기ㅠㅠ도와주세용 [1] | 2015.03.10 by YJSoft |
흐린후갬 | 메일 인증 전 로그인시 신규메일로 인증메일보내기 | |
로스트(ROST) | 외부페이지에서 회원정보 불러오기 관련 [2] | 2015.03.10 by 로스트(ROST) |
Neewo | xe 통합검색 문제 문의요청 | |
tui | 중고장터 모듈 수정중인데요... | |
또별 | 수평으로 된 로그인 위젲 구할수 있을까요? | |
TVAJIN | 메모리 누수 관련입니다 ㅜㅜ ! | |
얼굴만베컴 | 1.7.11업데이트 후 로그인이 안되는 문제 [3] | 2015.03.10 by ★키메라★ |
김동하123 | 댓글 에디터가 안됩니다 [1] | 2015.03.10 by 김동하123 |
빅스타 | 설정에서 저장이 안됩니다. | |
강대현666 | (초보)도메인 메인 주소를 바꾸니 연결이 안되는데 어떻게 해결하나요? | |
딜란66088 | 미디어 위젯 사용시 동영상 썸네일이 안나오는 문제입니다. [5] | 2015.03.10 by 딜란66088 |
김동하123 | 에디터를 다른 곳에 적용하고자 할 때 [2] | 2015.03.10 by YJSoft |
쉬폰케익 | 쇼케이스에 있는 이쁜 홈페이지들은 [2] | 2015.03.10 by Double'U' |
$(document).ready(function(){
를
jQuery(document).ready(function($){
으로