次のコードがありますが、divタグの高さを100%に変更したいのですが、アニメーションが機能していないようです。ただし、ピクセルに設定すると、アニメーションは機能します。
どんな助けでもいただければ幸いです。
HTML / CSS
<br />
<div id="biotext" style="width: 400px; height:50px; border: 1px solid #FF0000; background-color: #FF0000; overflow:hidden;">
Hello Testing 123 456 789 1024 Hello Testing 123 456 789 1024 Hello Testing 123 456 789 1024 Hello Testing 123 456 789 1024 Hello Testing 123 456 789 1024 Hello Testing 123 456 789 1024 Hello Testing 123 456 789 1024 Hello Testing 123 456 789 1024 Hello Testing 123 456 789 1024 Hello Testing 123 456 789 1024 Hello Testing 123 456 789 1024 Hello Testing 123 456 789 1024 Hello Testing 123 456 789 1024 Hello Testing 123 456 789 1024 Hello Testing 123 456 789 1024 Hello Testing 123 456 789 1024 Hello Testing 123 456 789 1024 Hello Testing 123 456 789 1024 Hello Testing 123 456 789 1024 Hello Testing 123 456 789 1024 Hello Testing 123 456 789 1024 Hello Testing 123 456 789 1024 Hello Testing 123 456 789 1024 Hello Testing 123 456 789 1024
</div>
<p><a href="#" id="seemoreb">Click</a></p>
Javascript
$(document).ready(function() {
$("#seemoreb").click(function() {
$("#biotext").animate({
height: '100%'
}, 1000);
});
});