フォーム フィールドがアクティブなときにヒントを含むように表示され、フォーム フィールドがアクティブでなくなると消える div を作成する必要があります。私のフォーム フィールドにはすべて #monthly_rent などの ID があり、ヒントには .monthly_rent_tip のクラスがあります。必要に応じて現れたり消えたりするようにするにはどうすればよいですか。
ここに私が現在持っているコードがありますが、動作しません。
<script type="text/javascript">
jQuery(document).ready(function()
{
jQuery('.tip.left.monthly_rent_tip').hide(); //hide
jQuery('#monthly_rent').focus(function(){
jQuery('.tip.left.monthly_rent_tip').show(); //show
}).blur(function(){
jQuery('.tip.left.monthly_rent_tip').hide(); //hide again
});
});
</script>
ヒント div の CSS は次のとおりです。
.tip {
position:relative;
padding:15px;
margin:1em 0 3em;
border:5px solid #f18500;
background:#fff;
/* css3 */
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.monthly_rent_tip {
top:1060px;
left:-130px;
}
現在、これは何もしません。誰かが私が作っているエラーを指摘してください。