Ich versuche, eine Schaltfläche Lesen Sie mehr, aber ich habe gerade erst mit Javascript/Jquery

Question

Ich möchte eine Schaltfläche Lesen Sie mehr, die die Seite erweitern wird und der Text wird mit einer schönen Animation angezeigt. Ich habe versucht, einen jquery Code zu machen, aber ich erkannte, dass es nicht funktionieren würde und ich löschte es. Die Schaltfläche Mehr lesen wird angezeigt, wenn der Text größer als 200 Zeichen ist. Ich habe nur etwas einfaches wie this.

Javascript-Code:

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

Answer 1

Also im Grunde schreiben können eine Logik wie: 1: Überprüfen Sie die String-Länge, wenn Sie PHP verwenden, dann könnte eine Anmeldung wie folgt sein:

<?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> 

Jetzt kommt der Jquery in Aktion:

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

Dies ist ein Beispielcode, müssen Sie kleinere änderungen wie pro Ihre Anforderung machen !!

Answer 2

Versuchen Sie, diese zu nutzen:

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

Answer 3

Sie viele jQuery-Funktionen wie show(),fadeIn(),slideDown(),animate() verwenden, können Sie auch benötigen Sie CSS-Übergänge

Answer 4

Hier finden Sie verschiedene Jquery-Animationen.

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

Answer 5

Bitte versuchen Sie dies:

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