묻고답하기

<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

 

이런식으로 처음메뉴는 하위메뉴가있어서 누르면 링크없이 하위메뉴가 나오고

두번째메뉴는 하위메뉴 없이 해당링크로 가는 메뉴를 만들고싶어요 도와주세요 ㅜㅜ

글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
앙대 익명게시판에서 드래그금지 설정하는 방법 좀 알려주세요 ㅠㅠ  
김동하123 이 게시판 페이지번호 달기처럼 [6] 2015.03.11 by 김동하123
NC다이노스 XE 게시판 기능 추출 문의 [3] 2015.03.11 by NC다이노스
박진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] file 2015.03.11 by CosignStudio
하눅시무 신문사 싸이트 같은 레이아웃 구할수 없을까요? [3] 2015.03.11 by CosignStudio
하눅시무 홈페이지 상단에 이상한 글자가 티나오는데 지우는 법을 몰거써여.. [1] file 2015.03.11 by CosignStudio
하눅시무 신문사 홈페이지에서 쓰는 게시판 형태는 어떤걸 써야 될까요?? [2] file 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] file 2015.03.10 by bb
자야2 메인페이지 리로드 할때마다 카운터가 올라가게..  
freesk23 도대체 이게 뭐가 문제인지 알 수 없어서 질문합니다. [2] 2015.03.10 by freesk23
조푸름 스케치북게시판 수정하기ㅠㅠ도와주세용 [1] file 2015.03.10 by YJSoft
흐린후갬 메일 인증 전 로그인시 신규메일로 인증메일보내기  
로스트(ROST) 외부페이지에서 회원정보 불러오기 관련 [2] 2015.03.10 by 로스트(ROST)
Neewo xe 통합검색 문제 문의요청 file  
tui 중고장터 모듈 수정중인데요...  
또별 수평으로 된 로그인 위젲 구할수 있을까요? file