在我的网站Link上,我有我的博客,并且我希望每个卡都具有一个“更多”按钮。我特别希望它折叠时仅显示x字(不包含字符),然后在展开时显示整个文本。我不希望有一个按钮可以转到具有完整内容的另一个页面,因为我正在使用自己构建的CMS,该CMS自动从表单添加帖子。

我试过readmore.js,但这似乎根本不起作用。它什么也没做。我也尝试过jQuery.dotdotdot,这似乎也不起作用

这是我无法弄清楚的非常奇怪的事情。我所见过的其他SO问与答帮助都没有。

最佳答案

<p><a onclick="javascript:ShowHide('HiddenDiv')">read more</a></p>
<div class="mid" id="HiddenDiv" style="display: none;"><font face="Arial" size="+2"

color="#306Eff" align="right">put the rest of the text here
</div>
<script type="text/javascript">// <![CDATA[
function ShowHide(divId)
{
if(document.getElementById(divId).style.display == 'none')
{
document.getElementById(divId).style.display='block';
}
else
{
document.getElementById(divId).style.display = 'none';
}
}
// ]]></script>

08-25 11:12
查看更多