몇 가지 정적 HTML 페이지를 디자인 중이며, 그러한 페이지 중 하나는 팀 구성원 및 설명에 대한 것입니다. 각 설명은 약 세 단락입니다. 처음에는 readmore 링크가 추가 된 처음 200자를 보여 주면됩니다. 사용자가 그것을 클릭하면 팝업의 다른 부분이 팝업으로 열리거나 뷰포트 자체에 추가되기를 원합니다 ... 나는 그것을 수행 할 방법을 찾지 못했습니다. 나에게 그걸 할 방법을 보여 주시겠습니까? 그것은 CSS로 할 수 있습니까? 아니면 jQuery를 사용해야합니까? 둘 중 하나라면 ... 데모를 보여주십시오. 여기 전체 내용을 표시하는 팝업을 더 읽으십시오. - HTML
는 바이올린 설명하는 것입니다이 단락입니다 :
<div id = "paragraph"> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque varius dictum nibh, in fringilla felis ornare et. Cras at rutrum libero. Morbi dignissim magna et condimentum laoreet. Sed sodales pretium quam vitae bibendum. Aenean congue urna in luctus facilisis. Maecenas molestie pretium orci in iaculis. Sed cursus elit at euismod tristique. Vestibulum vitae mauris ut ante cursus ornare non quis nibh. Quisque dictum lacus est, vitae tincidunt dui dapibus eu. Curabitur a convallis lectus. Donec ac tincidunt risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; </p> </div>
나는 단지 개까지 사용자를 표시해야합니다 : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque varius dictum nibh, in fringilla felis ornare et. Cras at rutrum libero. 다음 read more 링크를 따라 갔다.
사용자가 링크를 클릭하면 팝업이 표시되거나 div의 나머지 콘텐츠가 표시되어야합니다. 나는 많은 웹 개발자가 아니다. 방법을 찾아 내도록 도와주세요. 그것은 jQuery의 또는 JsFiddle이다와 자바 스크립트는 나에게 데모를 보여 주면 : http://jsfiddle.net/N9HUA/
이 작업을 수행하는 데 약간의 시간이 필요합니다 ... –
jquery .......... –
나는 그가 어떤 기술이나 기술을 사용해야할지 잘 모르므로 downvoted해야한다고 생각하지 않습니다. ... 어쨌든: JS/jQuery에 익숙하지 않다면 (http://docs.webplatform.org/wiki/Main_Page –