jQuery UI 아코디언을 탐색으로 사용

Question

jQuery의 아코디언 UI 요소를 사용하여 페이지 탐색을하고 있습니다. 나는 그것이 작동 그래서

$("#accordion").accordion(); 

같은 아코디언을 호출 할 때 주로 ... 이제

<ul id="#accordion"> 
    <li><a href="tables.php">Tables</a></li> 
    <li><a href="charts.php">charts</a></li> 
    <li><a href="statistics.php">Statistics</a> 
     <ul> 
      <li><a href="year1.php">Year 1</a></li> 
      <li><a href="year2.php">Year 2</a></li> 
     </ul> 
    </li> 
</ul> 

: HTML 구조는 이것이다. 통계를 클릭하면 Year 1과 Year 2 링크가 아름답게 스크롤됩니다. 그러나 처음 두 (표 및 차트)와 같이 하위 요소가없는 링크가 있습니다. 클릭하면 아무 일도 일어나지 않습니다.

여기는 링크 (테이블 및 차트)를 클릭 한 사용자가 해당 페이지로 이동하게하고 통계 (중첩 된 ul이있는 링크)를 클릭하여 중첩 된 ul을 보는 사용자를 원합니다.

나는 그것이 의미가 있기를 바랍니다.

Answer 1

아코디언을 탐색에 실제로 사용해야한다고 생각하지 않습니다. '목적은 페이지의 정보 블록을 분리하고 사이트 섹션간에 리디렉션하지 않기위한 것입니다. 아코디언을 클릭 한 후 다른 페이지로 리디렉션하는 경우 - 다른 페이지로 리디렉션 된 경우 아코디언을 다시 설정해야합니다. 실제로는 실현 가능하지 않습니다.

<div id="accordion"> 
    <h3><a href="#">Tables</a></h3> 
    <div>Tables content goes here</div> 
    <h3><a href="#">Charts</a></h3> 
    <div>Charts content goes here</div> 
</div> 

이 바로 jQuery docs site에서입니다 :

또 다른 것은 아코디언 플러그인에 대한 HTML 마크 업이 좋아해야한다는 것입니다.