사용자가 라디오 박스를 클릭 할 때 숨겨진 DIV와 Jquery를 어떻게 표시합니까?

Question

사용자가 라디오 박스를 선택할 때 숨겨진 div를 표시하는 데 어려움이 있습니다.

이

내 코드입니다 :

JQuery와

<script> 
$(document).ready(function() { 
    $(".paypalmethod").click(function() { 
    $(".paypalinfo").show('slow'); 

}); 

</script> 

HTML

<input name="method" type="radio" value="paypal" class="paypalmethod"/><img src="/images/paymentlogos/PayPal.png" /> 

<div class="paypalinfo" style="display:none">Paypal the safe and easy way to pay. Paypal accepts all major credit cards.</div> 

Answer 1

당신은 당신의 코드에서 닫는 });을 놓치고, 당신은 document.ready을 닫을 필요하고, .click(), 다음과 같이 :

$(document).ready(function() { //or just $(function() { works here as well 
    $(".paypalmethod").click(function() { 
    $(".paypalinfo:hidden").show('slow'); 
    }); 
}); 

또한, 요소가 이미 표시 될 때 페이드를 생성하지 않으려면 위에 나와있는 것처럼 :hidden selector을 추가하십시오. 이렇게하면 현재 숨겨져있는 요소 만 찾거나 사라지게되며 이미 표시된 경우에는 다시 사라지지 않습니다.

Answer 2

구문 오류입니다. 두 번째 함수 및 jQuery 호출을 닫아야합니다.

<script> 
$(document).ready(function() { 
    $(".paypalmethod").click(function() { 
    $(".paypalinfo").show('slow'); 
    }); 
}); 

</script>