문제를 알아서 질문을 바꿉니다. 페이지 인식하는 메뉴를 만들고 싶은데...


<div class="nav m1 s1">
<ul>
<li class="m1"><a href="#"><span>menu1</span></a>
<ul>
<li class="s1"><a href="main">submenu1</a></li>
<li class="s2"><a href="intro">submenu2</a></li>
<li class="s3"><a href="intro#inf2">submenu3</a></li>
<li class="s4"><a href="intro#inf3">submenu4</a></li>
<li class="s5"><a href="link">submenu5</a></li>
</ul>
</li>....

이런 구조입니다



jQuery(function($){
var tab = $('.nav');
tab.removeClass('js_off');
function onSelectTab(){
var t = $(this);
var myclass = [];
t.parentsUntil('.nav:first').filter('li').each(function(){
myclass.push( $(this).attr('class') );
});
myclass = myclass.join(' ');
if (!tab.hasClass(myclass)) tab.attr('class','nav').addClass(myclass);
}
tab.find('li>a').click(onSelectTab).focus(onSelectTab);
});



메뉴 모양은 이렇습니다
1                      2                  3                  4
1-1 1-2 1-3 1-4    2-1 2-2 2-3...




페이지를 변수에 넘겨서 그 변수에 맞는 페이지를 보여준다는 구조는 이해하겠는데
지식이 없어서 너무 힘드네요. 스크립트를 도와주시면 감사하겠습니다.ㅠㅠ