показать и скрыть divs на основе переключателя радио нажмите

Question

Я проверил show and hide divs based on radio button click, но мой код все еще не работает. В основном DIV тег будет скрыт, если не нажать «package_1»

HTML is like this: 
    <table><tr><td> 
    <input type="radio" name="cars" id="Package_1" /> 
    <input type="radio" name="cars" id="Package_2"/> 
    </td></tr></table> 
    <div class="package_extension"></div> 

    JQuery below: 

    $(".package_extension").hide(); 
    $("#Package_1").click(function(){ 
     $(".package_extension").show(); 
     }); 

Answer 1

вашего JQuery должен быть таким, как вы пропустили цитаты и также неправильное размещение скобки

$(".package_extension").hide(); 
$("#Package_1").click(function(){ 
    $(".package_extension").show(); 
}); 

Answer 2

Вы пропускаете цитаты

$('.package_extension').hide(); 
$('#Package_1').click(function(){ 
$('.package_extension').show(); 

)}; 

попробуйте это.

Answer 3

Пожалуйста, посмотрите на http://jsfiddle.net/2dJAN/46/

<table><tr><td> 
    <input type="radio" name="cars" id="Package_1" /> 
    <input type="radio" name="cars" id="Package_2"/> 
    </td></tr></table> 
    <div class="package_extension"> package_extension </div> 

$(".package_extension").hide(); 
    $("#Package_1").click(function(){ 
     $(".package_extension").show(); 
    });