2013-01-16 2 views
1

나는이 상자를 클릭하여 더 읽기를 클릭하면 더 커지며 그 아래에 텍스트가 표시되도록하려고합니다. 또한 텍스트를 다시 닫는 버튼을 만들고 싶습니다.펼치기 "read more"텍스트

은 지금까지 나는 가 (발견 : http://www.ehow.com/how_12006269_make-expandable-text-dreamweaver.html) 자바 스크립트 명령의 toggletext 시도 을하지만, 그것은 단지 텍스트 아래에두고 더 그렇게 모든 문장이 다음 div 요소 뒤에 실행하고, 그 아래에있는 상자에 영향을 나던 읽어 보시기 바랍니다.

dreamweaver에서 spry 축소 가능 패널을 시도해도 같은 일을하고 숨기고 다시 열리지 않습니다.

다른 점은 내가 만든 확장 기능은 한 번만 사용자 정의 할 수 있으며 복사하면 두 번째 항목이 첫 번째 항목의 텍스트를 엽니 다.

나중에이 부분을 관리하기 위해 웹 디자인에 대한 경험이없는 사람에게 쉽게 전달해야합니다.

저는 초보 디자이너입니다. 실제로이 작업을 수행하는 방법에 대한 도움이나 새로운 아이디어에 감사드립니다. 감사!!

링크 :

http://gregorydesignbuild.net/projects/projectlist.php

+0

이 링크에는 jquery를 사용하여 readmore를 만드는 예제가 있습니다. http://stackoverflow.com/questions/1606336/using-javascript-substring-to-create-a-read-more-link – Srinivas

+0

그냥 알다시피 .. 웹 사이트에서 JavaScript 오류가 발생합니다. – henryaaron

답변

0

그것은 스타일링 것입니다. 더 많은 버튼을 포함하고있는 div.plistobtxtbox에 선언 된 height 속성이 있습니다. home.css 파일에서 해당 선언을 제거하면 더 많은 버튼을 클릭하면 더 많은 내용을 읽은 내용이 푸시 다운되어야합니다.