템플릿 마크 업과 jQuery 아코디언 문제

Question

이 아코디언 스크립트에 약간의 문제가 있습니다.

나는 그것이 왜 일어나는 지 알지만 그것을 고칠 수는 없습니다. 그리고 그것을 고칠 수 있을지 모르겠습니다.

내가 사용하고있는 아코디언 스크립트는 이것이며 매우 구현하기 쉽습니다. http://www.i-marco.nl/weblog/jquery-accordion-menu/

이 아코디언의 마크 업은 간단하고 의미가 있습니다.

<ul class="menu"> 

    <li> 
     <a href="#">Link</a> 
     <ul class="acitem"> 
      <li><a href="http://www.pivotx.net/">PivotX</a></li> 
      <li><a href="http://www.wordpress.org/">WordPress</a></li> 
      <li><a href="#four">four</a></li> 
      <li><a href="http://www.textpattern.com/">Textpattern</a></li> 
      <li><a href="http://typosphere.org/">Typo</a></li> 
     </ul> 
    </li> 

    <li> 
     <a href="#">Weblog Tools</a> 
     <ul class="acitem"> 
      <li><a href="http://www.pivotx.net/">PivotX</a></li> 
      <li><a href="http://www.wordpress.org/">WordPress</a></li> 
      <li><a href="#four">four</a></li> 
      <li><a href="http://www.textpattern.com/">Textpattern</a></li> 
      <li><a href="http://typosphere.org/">Typo</a></li> 
     </ul> 
    </li> 

    <!-- and so fourth --> 

</ul> 

스크립트가 작동하도록 설계된 마크 업의 스타일입니다. 그리고 그것은 작동합니다, 여기를 참조하십시오 ... http://jsfiddle.net/motocomdigital/CzZqZ/1/

그러나 내 문제는 제가 마크 업을 변경할 수없는 템플릿으로 작업하고 있기 때문에, 아래 출력 된 마크 업을 참조하십시오.

<ul class="menu"> 

    <ul> 
     <li> 
      <a href="#">Link</a> 
      <ul class="acitem"> 
        <li><a href="http://www.pivotx.net/">PivotX</a></li> 
        <li><a href="http://www.wordpress.org/">WordPress</a></li> 
        <li><a href="#four">four</a></li> 
        <li><a href="http://www.textpattern.com/">Textpattern</a></li> 
        <li><a href="http://typosphere.org/">Typo</a></li> 
      </ul> 
     </li> 
    </ul> 

    <ul> 
     <li> 
      <a href="#">Weblog Tools</a> 
      <ul class="acitem"> 
        <li><a href="http://www.pivotx.net/">PivotX</a></li> 
        <li><a href="http://www.wordpress.org/">WordPress</a></li> 
        <li><a href="#four">four</a></li> 
        <li><a href="http://www.textpattern.com/">Textpattern</a></li> 
        <li><a href="http://typosphere.org/">Typo</a></li> 
      </ul> 
     </li> 
    </ul> 

</ul> 

이 출력은 바보 인 출력입니다.

출력이 필요한 것 이상입니다.

당신이

사람은 방법을 알고 있나요 http://jsfiddle.net/motocomdigital/CzZqZ/2/

새가 개방 될 때 그것은 다른 사람을 닫는 아니에요 ... 무슨 일이 일어나고 있는지 볼 수 있도록 나는 위의 마크 업을위한 JS 바이올린을 만들었습니다 위의 미친 마크 업과 함께 첫 번째 jsfiddle처럼 작동하도록 스크립트를 수정 하시겠습니까?

누구든지 도움을 주셔서 대단히 감사드립니다. var parent = this.parentNode.parentNode.parentNode; : 클릭 처리기 내부 조쉬

Answer 1

는로 변경합니다. 이것으로 당신이 게시 한 다른 예제로 작동합니다.

Answer 2

당신이 collaspse에/확장하려는 UL "요소"당신에 "클래스 'noaccordian 추가

예 :.

그것도 유효한 마크 업 작동하지 않는 것