Код jquery с показом больше не работает

Question

У меня есть этот код, который должен показывать только одну строку, однако вместо того, чтобы показывать только первую строку, он показывает полный контент. Когда я нажимаю кнопку «показать больше», сторона только прокручивается вверх.

PHP:

/* Inside a loop */ 

<?php 
    $full_text = get_the_content(); 
    $period_pos = strpos($full_text, "."); 
    $excerpt = substr($full_text, 0, $period_pos+1); // Get the first line, assuming that a line ends with a period. 
    $rest = substr($full_text, $period_pos+1);   // Get the rest of the text ?> <div class="excerpt"> 
    <?php echo $excerpt; ?> </div> <div class="rest"> 
    <?php echo $rest; ?> </div> <div class="show-more-div"> 
    <a href="#" class="show-more">Show more</a> </div> 

JQuery:

$(document).ready(function(){ 
    $(".show-more").click(function(){ 
     $(this).parent().prev().slideDown();  
    }); 
}); 

Answer 1

$(".show-more").on("click",function(){ 

     $(this).parent().prev().slideDown();  
    }); 

Answer 2

Вам нужно будет начать с div.rest элементов спрятанных с помощью CSS.
Затем, когда вы нажимаете на ссылку, соответствующий div может slideDown().

div.rest { 
    display:none; 
} 

Here's a working sample.

EDIT:

Я также рекомендую добавить return false; к вашему click обработчика для того, чтобы предотвратить поведение по умолчанию Нажмите для HREF:

$(document).ready(function() { 
    $(".show-more").click(function() { 
     $(this).parent().prev().slideDown(); 
     return false; 
    }); 
}); 

http://jsfiddle.net/PxejR/1/