Jquery slideUp 문제

Question

아코디언 메뉴에 문제가 있습니다.

나는 이와 같은 것을 가지고있다.

<ul> 
<li>Option 1</li> 
    <ul> 
    <li>Sub opt 1</li> 
    <li>Sub opt 2</li> 
    </ul> 
<li>Option 2</li> 
    <ul> 
    <li>aaa</li> 
... 

슬라이드가 위로 설정되어 있으므로 닫힙니다. Sub opt 1을 클릭하면 리디렉션되고 내 목록이 다시 위로 이동합니다. 내가 클릭 한 <li>의 부모가 아래로 슬라이드하도록 설정되어있는 방법이 있습니까? 당신이 어떤 "카테고리"를 사용하고 있는지 알 수 있도록. 도움 주셔서 감사합니다.

Answer 1

당신은 자바 스크립트에서, 당신은 jQuery.url.attr ('앵커')을 얻기 위해이 플러그인 jQuery-URL-Parser를 사용할 수

그런 다음 URL에서 (예 : page.html # 태그) 앵커 태그를 설정할 수 있습니다 :)

Answer 2

제대로 이해하면 하위 메뉴 항목을 클릭하여 새 페이지를로드 할 때 다중 레벨 메뉴가 자동으로 확장되기를 원할 것입니다.

쿠키 때 설정 목록 항목으로 현재 URL을 비교하여

1. 활성 메뉴 항목을 결정합니다

   당신이 전적으로 클라이언트 측에서이 작업을 수행하려면

   , 당신은 두 가지 옵션이있어 메뉴 항목을 클릭

내가 지금 여기에 의사 jQuery를 작은 예입니다, 옵션 2를 선호하는 것 :

(이 상자 :)에서 작동하지 않습니다 의미)

$('.menu-item').click(function() { 
    // set cookie 'currentMenuItem' to $(this).href() 
    // redirect page to $(this).href() 
}); 

// your DOM load call, which is called after the page loads 
$(function() { 
    var cookie = getCurrentMenuItemCookie(); 
    if (cookie) { 
     var parent = determineMenuParent(); 
     if (parent) { 
      expandAccordion(parent); 
     } 
    } 

}); 

Answer 3

우선 리디렉션 후에 어떤 메뉴를 클릭했는지 알아야합니다. HTML 페이지를 반환하는 클릭 메뉴에 "활성"클래스를 추가 할 수 있습니다. 예는 : 활성 클래스를 기반으로

<ul> 
<li>Option 1</li> 
    <ul> 
    <li>Sub opt 1</li> 
    <li>Sub opt 2</li> 
    </ul> 
<li class="active">Option 2</li> 
    <ul> 
    <li>aaa</li> 
... 

해당 < 리 >에 대한 기능을 slidedown 호출 할 수 있습니다.