Jquery Accordion - 제목 요소의 텍스트 숨기기 및 표시

Question

제목 섹션의 텍스트가 매우 길어질 수있는 JQuery 아코디언이 있습니다.

<div id="accordion"> 
    <h3><a href="#">Title 1</a></h3> 
    <div> 
     Content 1 
    </div> 
    <h3><a href="#">Title 2 is really really long. Ideally, only a part of title 2 will be displayed here and the remaining text should be displayed when the accordion is expanded</a></h3> 
    <div> 
     Content 2 
    </div> 
    <h3><a href="#">Title 3</a></h3> 
    <div> 
     Content 3 
    </div> 
    <h3><a href="#">Title 4</a></h3> 
    <div> 
     Content 4 
    </div> 
</div>​ 

예를 들어 바이올린 :

http://jsfiddle.net/865M9/

내가 아코디언이 닫힐 때 제목의 처음 20 개 문자를 표시 한 다음 완료를 표시하는 텍스트를 확장 할 수있는 방법이 있나요 아코디언 요소가 활성화 (확장)되면 문자열?

Answer 1

CSS로 헤드 라인을 한 줄로 제한 할 수 있습니다. 예를 들어

:

.ui-accordion-header.ui-state-default a { 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
} 

당신은 알고

http://jsfiddle.net/jmKu4/