Question

我在页面上有一个块，显示评论的简短描述请参阅jsfiddle

上的布局

我想知道用户点击链接（a内的div标记nickname），然后完整审核，反之亦然。

最好的方法是什么？

我认为要采取以下方式：当用户点击链接然后发送ajax请求进行完整审核时，如果现在显示完整审核，则再次发送请求，但仅获得300个字符。但是，这样我需要发送两个请求。

Answer 1

$("p").click(function(){
    if($(".new",this).is(":visible"))
    $(".new",this).hide();
    else
            $(".new",this).show();
});

这是演示http://jsfiddle.net/mv87M/17/show/

Answer 2

利用您的代码：http://jsfiddle.net/sessa/mv87M/20/

确保通过CSS隐藏span.more-text。在这里使用切换是完美的。

$('.nickname').click(function() {
       $(this).next('.text').find('.more-text').toggle();
       $(this).next('.text').find('.ellipses').toggle();
});

Answer 3

This is my small blurb of text.....
...................................
...................................


<div id="hiddentext" style="display:none;">
Hidden more text...................
...................................
...................................
</div>

显示全文

Javascript（使用jquery）：

$("#showmore").click(function () {
     $("#hiddentext").show();
});

通过ajax显示完整或简短的评论文本

3 个答案: