2010-05-11 2 views
0

글쎄, 닫는 태그 뒤에 포함하여 내 원래 질문을 수정했지만, 지금, 그 링크가 열리지 않을까요?jquery accordion - 상위 요소를 숨기고 있습니까?

그래서, 기본적으로 아래의 HTML에서, 내가 노력하고있어 그렇게 만 서비스 섹션 슬라이드를 열고,하지만 ...을 H3 태그가 해당 링크를 열려면

<div id="sp-accordion"> 
    <h3><a href="/?page_id=3">Home</a></h3><div></div> 
    <h3><a href="/?page_id=2">About Us</a></h3><div></div> 
    <h3><a href="#"> Services</a></h3> 
    <div> 
     <p><a href="/?page_id=16">S1</a></p> 
     <p><a href="/?page_id=14">S2</a></p> 
     <p><a href="/?page_id=20">S3</a></p> 
    </div> 
    <h3><a href="/?page_id=9">Contact Us</a></h3><div></div> 
    <h3><a href="/?page_id=5">Tips</a></h3><div></div> 
    <h3><a href="/?page_id=108">Jobs</a></h3><div></div> 
    <h3><a href="/?page_id=131">Newsletter</a></h3><div></div> 
</div> 

아코디언의 작품, 그래서 h3 태그를 클릭하면 컨테이너가 열리고 닫히면 열리는 h3 태그가 숨겨집니다.

<div id="sp-accordion"> 
    <h3><a href="/?page_id=3">Home</a></h3> 
    <h3><a href="/?page_id=2">About Us</a></h3> 
    <h3><a href="#"> Services</a></h3> 
    <div> 
     <p><a href="/?page_id=16">S1</a></p> 
     <p><a href="/?page_id=14">S2</a></p> 
     <p><a href="/?page_id=20">S3</a></p> 
    </div> 
    <h3><a href="/?page_id=9">Contact Us</a></h3> 
    <h3><a href="/?page_id=5">Tips</a></h3> 
    <h3><a href="/?page_id=108">Jobs</a></h3> 
    <h3><a href="/?page_id=131">Newsletter</a></h3> 
</div> 

내가 사용 : 열려 슬라이드 아래에 있지만, 우리 H3는 사라에 관하여 그래서, 아래의 HTML에서, 때

은 HTML입니다 ... 사업부 "서비스"를 클릭 jquery ui이므로 jquery는 다음과 같습니다.

$(document).ready(function() { 
    $("#sp-accordion").accordion({autoHeight:false}); 
    }); 

답변

0

콘텐츠에 링크가 있습니다. 이것을 시도하십시오

"아코디언 컨텐츠 내부에 링크가 있고 a- 엘레멘트를 헤더로 사용하는 경우 클래스에 엘레멘트를 추가하고이를 헤더 (예 : header : 'a.header')로 사용하십시오."

이것은 JQuery UI doco에서 가져온 것입니다.

희망이 도움이됩니다.