묻고답하기
메뉴를 바꾸는데...도저히 모르겠네요 ㅜㅜ
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 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
라고나오네요자꾸 ㅜㅜ
-
메시지에 나온 라인번호는
/host/home3/hinggo/html/files/cache/template_compiled/ef705ed6f5c1250ff45cb388b93c4ab6.compiled.php
파일을 보아야 하고
{ 나 } 안에 공백이 있나 확인해 보세요
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
박진410 | 제로보드 주소를 변경후 관리자도 안됩니다. [3] | 2015.03.11 by 박진410 |
naanace | 맥에서 XE core 설치하는 법 [6] | 2015.03.11 by DoorWeb |
bb | 로그인 위젯을 설치해 사용하려고 하는데요 [1] | 2015.03.11 by BJ람보 |
김모씨v | ftp 업로드 오류 [2] | 2015.03.11 by 시리우스박 |
94blossom | 제로보드4 반응형웹 어떻게 하나요? [2] | 2015.03.11 by DoorWeb |
오늘은삽질왕 | 비트코인 결제 플러그인 유무 | |
bb | 기본적인 질문입니다 ㅠ_ㅠ [2] | 2015.03.11 by bb |
뮤르시엘라고 | 모바일에서 로그아웃 안되게 할수있나요? | |
김동하123 | 댓글 개인프로필 이미지인가를 바꾸고 싶습니다. | |
반걸 | 혹시 최신코어 oembed애드온에 vine 도 추가됐나요? | |
반걸 | 안녕하세요? 애드온 php 를 조금 고쳐봤는데 틀린것이 있다면 지적을 받고싶습니다. | |
newi |
확장변수 검색 추가 하려고 하는데
[3]
![]() | 2015.03.11 by CosignStudio |
하눅시무 | 신문사 싸이트 같은 레이아웃 구할수 없을까요? [3] | 2015.03.11 by CosignStudio |
하눅시무 |
홈페이지 상단에 이상한 글자가 티나오는데 지우는 법을 몰거써여..
[1]
![]() | 2015.03.11 by CosignStudio |
하눅시무 |
신문사 홈페이지에서 쓰는 게시판 형태는 어떤걸 써야 될까요??
[2]
![]() | 2015.03.11 by CosignStudio |
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 | 메인페이지 리로드 할때마다 카운터가 올라가게.. |
$(document).ready(function(){
를
jQuery(document).ready(function($){
으로