메뉴드롭슬라이드 쓰는데요.. 클릭해서 서브로 들어갔을때.. 메뉴가 그대로 있었으면 좋겠는데..
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');
}
});
});
$(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개
해당 메뉴를 active 시키시면 될꺼 같네요
php_self 나 변수를 페이지 마다 활당하셔서 해당 변수에 맞는 서브메뉴일 경우
active 시키시면 됩니다
각 페이지마다 jquery 를 이용해서 해당메뉴를 활성화시켜도 됩니다.