Javascript checkbox toggle issue

Question

Привет, Я пытаюсь получить простой скрипт, который скроет или покажет div на основе, если пользователь нажмет на нем флажок.

У меня есть тестовый HTML, написанный с элементами, которые я хочу редактировать, вместе со сценарием, но когда я тестирую его firebug, теперь консоли разработчика Chrome показывают ошибку или скрипт, даже вызываемый.

Я смотрел на обоих из них для справки:

How to check whether a checkbox is checked in jQuery?
How to grey out checkbox unless radio button is selected?

Это ссылка на библиотеку JQuery, я буду использовать.

<script language="JavaScript" type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 

Как и сценарий я пытаюсь получить работу:

$('extendedStay').click(function(){ 
    $('#extendedQuarter').toggle(this.checked); 
}); 

И элементы, которые я пытаюсь получить работу:

<div id="extendedResponse" align="left"> 
    <form action=""> 
     <div name="extendedStayResponses"> 
      <input type="checkbox" name="extendedStay" id="extendedStay"/>Yes 
     </div> 
     <div id="extendedQuarter" style="display:none"> 
      <select name="extraQuarters" selected="1"> 
       <option value="1">1</option> 
       <option value="2">2</option> 
       <option value="3">3</option> 
       <option value="4">4</option> 
       <option value="5">5</option> 
       <option value="6">6</option> 
       <option value="7">7</option> 
       <option value="8">8</option> 
       <option value="9">9</option> 
       <option value="10">10</option> 
      </select> 
     </div> 
    </form> 
</div> 

Могу ли я просто неправильно реализации функция или есть некоторая синтаксическая ошибка I ', не видя.

Answer 1

Добавить # для выбора идентификаторов. Также, если этот скрипт выполняется при загрузке страницы, вы должны поместить его без функции $(document).ready().

<script> 
     $(document).ready(function(){ 
     $('#extendedStay').click(function(){ 
      $('#extendedQuarter').toggle(this.checked); 
     }); 
     }); 
    </script> 

Рабочий пример:http://jsfiddle.net/Lv8eX/