JQuery Accordion이 다른 페이지 앵커 기능을 방해합니다.

Question

불행히도 저는 localhost에서 Joomla를 사용하고 있으며 웹 페이지 링크를 제공 할 수 없습니다.

나는 smoothscrolling을 사용하여 링크를 앵커링하는 웹 페이지를 운영하고 있습니다.

메뉴가 좌측에 고정하고 난 모든 섹션에 임의의 jQuery 아코디언 확장을 활성화 할 때 문제가 발생 내 간단한

<a href="#wrapper">top</a> 
<a href="#section1">section1</a> 
<a href="#section2">section2</a> 
<a href="#section3">section3</a> 

사용하게된다. (다운로드하여 모두 사용해 보았습니다.)

섹션 1에 아코디언을 배치하면 섹션 2 & 3을 제외한 모든 페이지 점프가 작동하지 않습니다.

2 단계에서 아코디언을 배치하면 섹션 3에 대한 페이지 앵커가 작동하지 않습니다.

나는 false를 반환 해 보았습니다. 아무 소용이 :

jQuery(document).ready(function() { 
//Set default open/close settings 
    jQuery('.xac-container').hide(); //Hide/close all containers 
    jQuery('.xac-trigger:first').addClass('active').next().show(); //Add "active" class to first trigger, then show/open the immediate next container 

    //On Click 
    jQuery('.xac-trigger').click(function(){ 
     if(jQuery(this).next().is(':hidden')) { //If immediate next container is closed... 
      jQuery('.xac-trigger').removeClass('active').next().slideUp(); //Remove all "active" state and slide up the immediate next container 
      jQuery(this).toggleClass('active').next().slideDown(); //Add "active" state to clicked trigger and slide down the immediate next container 
     } 
     else{ 
      jQuery('.xac-trigger').removeClass('active'); 
      jQuery(this).next().slideUp(); 
     } 
     // return false; //Prevent the browser jump to the link anchor 
    }); 

}); 

좀 CSS 자습서가 아코디언을 만들 있지만 클릭 할 때마다 아코디언 항목에 대한 pagejumps을 만들 보았다, 그리고 브라우저 기록에 불필요하게 추가합니다.

나는 충분히 명확 해지기를 바랍니다. 그것은 일반적인 문제가 될 것 같았지만, 오랜 검색은 효과가 없었습니다.

Answer 1

Lodder의 의견에서 정답.

여러 jQuery 라이브러리를로드했습니다.

임의의 코드를 복사하여 붙여 넣지 마십시오.