묻고답하기

<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 남기남
스타일밀크 이사이트 에 사용된 위젯은 무엇인가요? [2] 2015.03.12 by 스타일밀크
xe_마니 xe설치관련 문의드립니다. [4] 2015.03.12 by xe_마니
rong6 스케치북 모바일 게시판에서 댓글 갯수를 표시하고 싶습니다ㅠㅠ [1] file 2015.03.12 by 가필드3D
홍좀비 기존에 서버에 있는 xe를 테스트서버에 옮기고 수정하고 싶은데 [1] 2015.03.12 by DoorWeb
charlie92622 일반 레이아웃과 모듈의 레이아웃 [1] 2015.03.12 by DoorWeb
김동하123 ASXE_FLAT의 검색 창을 다른 사이트에 옮기려면 어떻게 하지요?  
putty PHP 게시판 데이터 XE로 이전하기.... 질문입니다. [4] 2015.03.12 by putty
putty XE홈페이지 영문,국문 2개를 사용하고 있는데요. [2] 2015.03.12 by putty
가필드3D 메인과 서브 레이아웃을 달리하고 싶은데 [5] file 2015.03.12 by 가필드3D
charlie92622 제가 직접 추가한 레이아웃이 안나오네요 [4] file 2015.03.12 by kdp
너구리우동면 iframe 리사이징  
뭘봐첨봐 도와주세요!! [1] 2015.03.12 by imagineshop
롤박사 이미지가 뜨는데 없애는 방법을 모르겠네요. [1] file 2015.03.12 by imagineshop
단군e 급여명세서를 구현하려고하는데요.  
제이니스 간단한 소스 조금만 봐주세요~~ (개발자님들께) [2] 2015.03.11 by 제이니스
xe_마니 그누보드로 제작된 홈피 xe로 이전 [6] 2015.03.11 by xe_마니
박수준707 익스플로러9에서 왜 안되는걸까요? [2] 2015.03.11 by 박수준707
JerryGoldman 왼쪽배너들 사이의 간격없애주기 [1] file 2015.03.11 by 닉이
miso777 간단한 태그 같은데 저에겐 어렵군요.. [1] file 2015.03.11 by DoorWeb
문화사랑 XE 공식 사이트 레이아웃 상단 색상이 이상해요~ [3] file 2015.03.11 by 문화사랑
가을풍경 [아이디어제안]MO서비스 게시판 스킨을 만들수 없을까요?  
네봉 메인 레이아웃 빈공간과 네이버 지도 출력문제 [4] 2015.03.11 by 네봉
풀무치뒷다리 분류(카테고리)를 Site Map 처럼 표현 할 수 없을까요? [2] 2015.03.11 by 풀무치뒷다리
가을풍경 [아이디어제안]SNS 페이스북 공유처럼 E-MAIL 과 SMS로 보내기 공유 애드온 만들 수 없을 까요 ? file  
쉬폰케익 레이아웃이 바뀌질 않아요 [1] 2015.03.11 by Double'U'
앙대 익명게시판에서 드래그금지 설정하는 방법 좀 알려주세요 ㅠㅠ  
김동하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