Sublime Text
<!DOCTYPE html> <html> <head> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.0.min.js"></script> <style type="text/css"> p{ border:1px solid black; width:200px; max-height:50px; } </style> </head> <body> <button type="button">Click here</button> <p>Tài liệu hướng dẫn học lập trình web, Tài liệu hướng dẫn học lập trình web, Tài liệu hướng dẫn học lập trình web, Tài liệu hướng dẫn học lập trình web, Tài liệu hướng dẫn học lập trình web, Tài liệu hướng dẫn học lập trình web, Tài liệu hướng dẫn học lập trình web, Tài liệu hướng dẫn học lập trình web, Tài liệu hướng dẫn học lập trình web, Tài liệu hướng dẫn học lập trình web</p> <script> $(document).ready(function(){ $("button").click(function(){ $("p").animate({maxHeight:"200px"}); }); }); </script> </body> </html>
<!DOCTYPE html> <html> <head> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.0.min.js"></script> <style type="text/css"> p{ border:1px solid black; width:200px; max-height:50px; } </style> </head> <body> <button type="button">Click here</button> <p>Tài liệu hướng dẫn học lập trình web, Tài liệu hướng dẫn học lập trình web, Tài liệu hướng dẫn học lập trình web, Tài liệu hướng dẫn học lập trình web, Tài liệu hướng dẫn học lập trình web, Tài liệu hướng dẫn học lập trình web, Tài liệu hướng dẫn học lập trình web, Tài liệu hướng dẫn học lập trình web, Tài liệu hướng dẫn học lập trình web, Tài liệu hướng dẫn học lập trình web</p> <script> $(document).ready(function(){ $("button").click(function(){ $("p").animate({maxHeight:"200px"}); }); }); </script> </body> </html>