양식 필드가 활성 일 때 div를 표시하십시오.

양식 필드가 활성화되어있을 때 표시되는 div를 만들려면 양식 필드가 더 이상 활성화되어 있지 않으면 사라져야합니다. 내 양식 필드에는 모두 #monthly_rent와 같은 ID가 있고 팁에는 .monthly_rent_tip 클래스가 있습니다. 필요한 경우 나타나고 사라 지도록 어떻게 만들 수 있습니까?양식 필드가 활성 일 때 div를 표시하십시오.

다음 코드는 현재 사용하고 있지만 작동하지 않습니다. 팁 사업부에 대한

<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>

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; 
}

현재이 아무것도, 누군가가 내가하시기 바랍니다 만들고있어 오류를 지적 할 수 없습니다 않습니다.

출처

2013-02-04 Sam Skirrow

는'$'또는''에 그 고정하여 시작 JQuery' jQuery' –

js/css와 함께 html을 추가 할 수 있습니까? – boz