활성 메뉴

Question

HTML

<div id="nav" class="span-15 last push-3 prepend-top nav"> 
    <ul> 
     <li><a href="membership.php">membership</a></li>  
     <li><a href="../download.html">downloads</a></li> 
     <li><a href="../news.html">media center</a></li> 
     <li><a href="../careers.html">careers</a></li> 
     <li><a href="../solutions.html">Our Offerings</a></li> 
     <li><a href="../about.html">About US</a></li> 
     <li><a href="../home.html">Home</a></li> 
    </ul> 
    <ul id="subnav_about" class="subnav span-15 bg"> 
     <li><a href="contact.html">Contact</a></li> 
     <li><a href="team.html">Our Team</a></li> 
     <li><a href="partners.html">Our partners</a></li> 
     <li><a href="mission.html">Our Mission</a></li> 
     <li><a href="objective.html">Our Objective</a></li> 
     <li><a href="profile.html">Company Profile</a></li> 
    </ul> 
</div> 

jQuery를이

$(".nav a").filter(function() { 
    var currentURL = window.location.toString().split("/"); 
    return $(this).attr("href") == currentURL[currentURL.length-1]; 
}).addClass("navselect"); 

if ($(".nav a").hasClass("navselect") == false) { 
    $(this).addClass("navsvelect"); 
} 

var url = window.location.toString().split("/"); 
var e = url[url.length - 1]; 
if (e == "about.html") { 
    $('#subnav_about').slideDown(1000).delay(200).fadeIn(600); 
} else { 
    $('#subnav_about').slideUp(1000).fadeOut(600); 
} 

, 나는 URL을 얻을 현재 페이지가 활성화 된 경우 클래스를 추가하기 위해 노력하고있어. 하지만 about.html에서 나는 서브넷을 보여주기 위해 navselect도 계속 찾고 있습니다. subnav를 클릭하면 subnav가 열리고 다른 링크가 주 메뉴를 클릭하면 subnav가 슬라이드 업되고 새 페이지가로드됩니다.

나는 내 질문을 분명히하기를 바랍니다.

정말로 도움을 주셔서 감사합니다.

Answer 1

제대로 이해했다면이 작업이 가능합니까? JS 코드 앞에

넣어 :

var aboutSubPages = ["contact.html", "team.html", "partners.html"]; 

후 변경

if (e == "about.html") { 

에 :

if (e == "about.html" || $.inArray(e, aboutSubPages) > -1) { 

    ...