2013-06-28 63 views
0

我有一個文本「Click Me」單擊以展開文本

和一個「P」標記與有限的查看文本選項。是否有任何方式與jquery點擊「點擊我」和展開文本。並再次點擊我以隱藏。對不起,我不擅長jQuery。沒有找到方式我做到了。

見現場演示爵士小提琴:http://jsfiddle.net/saifrahu28/7wKyj/

**HTML** 
<div>Click me</div> 

<p> 
    It is a long established fact that a reader 
    will be distracted by the readable content of a 
    page when looking at its layout. The point of using Lorem Ipsum 
    is that it has a more-or-less normal distribution of letters, 
    as opposed to using 'Content here, content here', 
    making it look like readable English. Many desktop publishing 
<p> 

CSS

p{ 
overflow: hidden; 
text-overflow: ellipsis; 
display: block; 
    white-space: nowrap; 
    width:100px; 
} 

如果能,這將是巨大的。

+0

直視效果基本show()和了slideDown()-http://api.jquery.com/ slideUp/- 和http://api.jquery.com/slideDown/ – ntgCleaner

回答

0

這可以通過使用toggleClass(許多選項之一)

$("element").toggleClass("className"); 

工作小提琴來完成:http://jsfiddle.net/SfLd9/1/