看到更多的JavaScript

Question

我檢索我的數據庫的意見，並顯示有字符限制的意見，直到105

我使用此代碼<td>{$users.COMMENT|truncate:105:"..."}</td>

什麼，我想的是，如果評論是大於105使截斷爲105個chacters並放置一個複選框。如果不放置複選框。

如果用戶點擊複選框，行將會更大，用戶將看到完整的評論。

我該怎麼做？

Answer 1

最簡單的方法是使用隱藏的元素。

<td> 
<span class='comment_short'>{$users.COMMENT|truncate:105:"..."}</span> 
<span class='comment_full' style='display:none'>{$users.COMMENT}</span> 
</td> 

然後，當您單擊複選框時，您將切換每個元素的可見性。

Answer 2

認沽其餘文本在<span style="display:none" id="more_text">標籤和更多的按鈕寫入以下內容：

<button name="more" value="more" onclick="document.getElementById('more_text').style.display = 'block'"> 

Answer 3

的HTML代碼：

<div id="container"> 
    <input type="checkbox" onclick="javascrpt: $('#container').toggleClass('active')"> 
    <div class='comment_short'>short comment </div > 
    <div class='comment_full'>very loooooong comment very loooooong comment very loooooong comment very loooooong comment </div > 
</div> 

的CSS代碼：

div#container.active div.comment_full { 
    display: block; 
} 

div#container div.comment_full { 
    display: none; 
} 

下面的例子http://jsfiddle.net/guTMs/1/