jquery more/less news 슬라이드

Question

뉴스의 종류가 "more"& "적은"뉴스 목록이지만 슬라이딩 효과가 조금 붙어 있습니다. 여기 jsfiddle demo

$(function() { 
    var blockTotalChar = 200, blockChar = "more", hideChar = "less"; 
    $('.block').each(function() { 
    var content = $(this).text(); 
    if (content.length > blockTotalChar) { 
    var con = content.substr(0, blockTotalChar); 
    var hcon = content.substr(blockTotalChar, content.length - blockTotalChar); 
    var txt = con + '<span class="dots">...</span><span class="hidden_more"><span>' + hcon + '</span> <a href="" class="blockn_more">' + blockChar + '</a></span>'; 
    $(this).html(txt); 
    } 
}); 
$(".blockn_more").click(function() { 
    if ($(this).hasClass("sample")) { 
    $(this).removeClass("sample"); 
    $(this).text(blockChar); 
    } else { 
    $(this).addClass("sample"); 
    $(this).text(hideChar); 
    } 
    $(this).parent().prev().toggle(); 
    $(this).prev().toggle(); 
    return false; 
}); 

질문 효과 슬라이딩 추가하는 방법이다. 그런 아이디어를위한 다른 좋은 대안이 있습니까?

건배!

Answer 1

사용 .slideToggle() 대신 .toggle() :

$(this).parent().prev().slideToggle(); 
$(this).prev().slideToggle(); 

Working Demo