테스트 사이트 - 개발 중인 베타 버전입니다

메뉴드롭슬라이드 쓰는데요.. 클릭해서 서브로 들어갔을때.. 메뉴가 그대로 있었으면 좋겠는데..

· 13년 전 · 2928 · 2
jquery는 하단에 있는 걸로 씁니다.
클릭하면 서브 메뉴가 나와서 페이지가 변경되게끔 되어있는데요
문제는 클릭했을때 다시금 페이지가 접혀서 현재 위치를 알수 없다는 것입니다.
 
혹시 방법이 있을까요?
이렇게 위치가 명확하게 보였으면 좋겠는데..
li 어디를 클릭했다를 지정할 수 있을까요??
 
<script type="text/javascript">
 $(function() {
 
     var menu_ul = $('.menu > li > ul'),
            menu_a  = $('.menu > li > a');
    
     menu_ul.hide();
 
     menu_a.click(function(e) {
         e.preventDefault();
         if(!$(this).hasClass('active')) {
             menu_a.removeClass('active');
             menu_ul.filter(':visible').slideUp('normal');
             $(this).addClass('active').next().stop(true,true).slideDown('normal');
         } else {
             $(this).removeClass('active');
             $(this).next().stop(true,true).slideUp('normal');
         }
     });
 
 });
 

</script>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 2개

13년 전
서브메뉴를 고정시키시려면
해당 메뉴를 active 시키시면 될꺼 같네요

php_self 나 변수를 페이지 마다 활당하셔서 해당 변수에 맞는 서브메뉴일 경우
active 시키시면 됩니다
메뉴영역은 보통 include 해서 사용하기 때문에 윗분 말씀처럼 변수를 사용해서 해도 되고
각 페이지마다 jquery 를 이용해서 해당메뉴를 활성화시켜도 됩니다.

게시글 목록

번호 제목
26447
26436
5279
5276
30674
18417
18414
5261
27054
5259
5239
18413
31486
18410
18400
30670
5231
18395
18387
18381
30661
5222
18380
27043
18366
24478
18359
30660
18355
18351
18343
18333
31439
18329
18323
27040
30655
5211
31427
5205
5193
5184
18317
27032
18313
30647
31408
30644
18306
18303
18288
27028
18285
31383
27024
5174
18276
27017
27130
18274
26427
5170
5160
5157
31371
27010
18267
27003
30636
18265
31350
18262
26998
18260
26992
26988
18259
31328
26986
18257
26983
5154
26975
24474
31309
26966
31251
18253
31218
31201
26957
26954
5147
5139
18248
5132
26947
31189
30631
26939