我想做一个阅读更多按钮，但我刚开始使用javascript/jquery

Question

我想做一个阅读更多按钮，这将扩大网页和文本将出现一个很好的动画。我试图做一个jQuery代码，但我意识到它不会工作，我删除它。如果文本大于200个字符，将出现Read More按钮。我只有一些基本的东西，如this。

Javascript代码：

$("#clickme").click(function() { 
$("#hidden").show(); 
}); 

Answer 1

所以基本上你需要写一个逻辑，如： 1：检查字符串的长度，如果您使用的PHP然后登录可能是如下所示：

<?php $str = "I am in love with PHP"; 
if(strlen($str) > 10) 
{ 
    $showten = substr($str, 0, 10); 
echo $showten . "<a href="#" class='readmore'>Readmore</a>"; 
} 
?> 



<div class="all-content"><?php echo $str; ?></div> 

现在到了Jquery的付诸行动：

<script> 
$(document).ready(function() 
{ 
$('.readmore').click(function() 
{ 
    $(this).closest("div").find(".all-content").toggle(); 
}); 
}); 
</script> 

这是一个示例代码，你需要做轻微modifcations按您的要求！

Answer 2

尝试使用此：

$("#clickme").click(function() { 
    $("#hidden").fadeIn("slow"); 
}); 

Answer 3

您可以用很多jQuery的功能，如show(),fadeIn(),slideDown(),animate()你甚至可以使用CSS转换

Answer 4

你可以在这里找到不同的jquery动画。

http://api.jquery.com/animate/ 

Answer 5

请试试这个：

$("#clickme").click(function() { 
    $("#hidden").fadeIn("slow"); 
});