JQuery .show() - нет эффекта

Question

Я рассмотрел несколько примеров использования .show(), но я все еще не могу заставить мое работать. Моя цель состоит в том, чтобы всплывать div «gateInformation», когда нажата кнопка «gateNeededYes». До сих пор div остается скрытым. Если бы кто-нибудь мог объяснить, в чем я ошибаюсь, это будет очень признательно! Вот код: CSS:

#gateInformation { 
    display: block; 
} 

JS:

/Gate Информация

if($('#gateNeededYes').prop('checked')){ 
     $("#gateInformation").show("blind" , 1000); 
    } 

HTML:

Gates Нужно:

  No <input type="radio" name="gateNeeded" id="gateNeededNo" /> 
      Yes <input type="radio" name="gateNeeded" id="gateNeededYes" /> 
      <div id="gateInformation" name="gateInformation"> 
       Gates Needed: 
       <select name="gateHeight" id="gateHeight"> 
        <option value="select">Select Gate Height</option> 
        <option value="4fg">4 Ft. Gate</option> 
        <option value="6fg">6 Ft. Gate</option> 
        <option value="8fg">8 Ft. Gate</option> 
       </select> 
       Pool Spring and Latch: 
       <input type="checkbox" name="psl" id="psl"> 
      </div> 

Answer 1

Если вы хотите, чтобы выполнить код после того, как радио-кнопка нажата, то вы можете попробовать click событие тоже, как:

$('#gateNeededYes').click(function() { 

Answer 2

Если вы собираетесь показать что-то, он должен начать скрытый

#gateInformation { 
    display: none; 
} 

, то вам нужен обработчик событий

$('#gateNeededYes').on('change', function() { 
    if (this.checked) { 
     $("#gateInformation").show("blind", 1000); 
    } 
}); 

Тогда вам придется включить JQuery UI для эффектов для работы с show()

FIDDLE

Answer 3

Только в том случае, если вы используете старую JQuery: в JQuery 1.5 и старше вы должны использовать .attr('checked') вместо .prop('checked')

EDIT:

JQuery 1.5, а не 1,8