我有一个包含5行文本的文本区域。我想要一开始只显示一行文本,当用户点击或聚焦此文本区域时,它应该展开并显示剩余的四行文本。
我有一个包含5行文本的文本区域。我想要一开始只显示一行文本,当用户点击或聚焦此文本区域时,它应该展开并显示剩余的四行文本。
你可以尝试这样做:
$(document).ready(function(){
$('#moo').focus(function(){
$(this).attr('rows', '4');
});
});
其中moo是您的文本区域。
jQuery(function($){
$('#foo').focus(function(){
$(this).attr('rows',5);
}).blur(function(){
$(this).attr('rows',1);
});
});
jQuery(function($){
$('#foo')
.focus(function(){ this.rows=5 })
.blur( function(){ this.rows=1 });
});
试试这个
$('#textboxid').focus(function()
{
$(this).animate({'height': '185px'}, 'slow' );//Expand the textarea on clicking on it
return false;
});