안녕하세요?

특정 웹사이트나 뉴스 사이트를 가 보면,  게시판이나 홈페이지 텍스트의 내용 부분이 다 보이는 게 아니고, 중간쯤에 내용이 끊겨 있고, "...[더보기]" 이런 게 있는데, 이걸 클릭하면 밑으로 부드럽게 확장되어서 나머지 내용이 다 보이더군요. 확장이 다 되고 나면, 맨 밑에 "[줄이기]" 버튼이 보이고, 이걸 클릭하면, 원래대로 축소되구요.

이런 기능은 어떻게 구현되는지 궁금합니다.

"기아자동차의 K9이 BMW와 벤츠의 안방인 독일에서 첫 선을 보일 것으로 전망된다고 호주언론 ‘디 에이지(The Age)’가 3일 보도했다. ...[더보기]"

위 상태에서 "...[더보기]" 를 클릭하면, 밑 부분이 자연스럽게 내려가면서 전체내용이 다 보이고,

"기아자동차의 K9이 BMW와 벤츠의 안방인 독일에서 첫 선을 보일 것으로 전망된다고 호주언론 ‘디 에이지(The Age)’가 3일 보도했다.

보도에 따르면 K9이 10월 열리는 독일 프랑크푸르트 모터쇼에서 등장할 것이며 2세대 제네시스의 플랫폼을 기반으로하고 V8엔진을 장착할 것으로 전망된다고 전해졌다. 이어 폭스바겐과 아우디의 디자인 총괄로 이름을 날린 기아차 디자인 부사장 ‘피터 슈라이어’가 이 차의 디자인을 맡았으며 그는 “후륜구동 자동차는 디자이너에게 가장 흥미로운 차”라고 말한 것으로 전했다.

이 매체는 K9는 BMW의 5시리즈에서 영감을 얻었을 것이라는 예상도 내놨다. 또 후한 평가를 주자면 마세라티와 재규어와 비교할 수 있을 것이란 말도 전했다. car@fnnews.com, twt:@leedail 이다일기자 ...[줄이기]"

전체 내용이 다 나오면 맨 아래에 "...[줄이기]" 버튼이 다시 보여서, 클릭하면 원래대로 자연스럽게 축소되는 걸 만들고 싶습니다.

많은 도움 부탁드립니다.