質問: Twitterのツイート入力欄のように、マウスカーソルをtextAreaにフォーカスしたときに textAreaの高さを変更したいです。 ![画像の説明をここに入力](https://i.stack.imgur.com/fLS5T.jpg) jQueryを使って以下のようにしてみましたが、変化ありませんでした。 ・javascript ``` $(function() { $('#inputTextArea') .focusin(function(e) { $(this).css('height', '250px'); }) .focusout(function(e) { $(this).css('height', '80px'); }); }); ``` ・html ``` ``` どうしたらよいですか?
回答: 同じソースコードで試してみましたけど動作しました。 ブラウザはGoogleChrome/Firefox/Safari/Operaのいずれも最新バージョンで確認しました。 focusin自体はjQuery1.4時代からあるものなので、jQueryのバージョンが古いとは考えにくいですが、念のためバージョンをおしえていただいてもいいですか? あと、コンソールにエラーなど出ていないでしょうか? focusinを使用している理由はありますか?focusinは子孫要素にも反応してしまうので、他の要素の子要素になっていた場合動作しない可能性があるので、その影響もあるかもしれません。focusで試してみてはどうでしょうか? ``` $(function() { $('#inputTextArea') .on("focus", function() { $(this).css('height', '250px'); }) .on("blur", function() { $(this).css('height', '80px'); }); }); ```