показать полный или краткий текст отзыва через ajax

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/

Обязательно скрывайте текст span.more с помощью CSS. Использование тумблера здесь идеально.

$('.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();
});