Форумы портала PHP.SU :: Версия для печати :: JQuery: заблокирован checkbox при show/hide

1. proglive - 30 Мая, 2012 - 07:44:20 - перейти к сообщению

Может кто сталкивался с данной проблемой. Помогите разобраться.
Блокируется checkbox при такой комбинации команд.
toggle('slow') - т.е. идет смена команд show/hide.
Если checkbox вне действия этой команды, то все нормально.
Ниже привден код.

CODE (html):
скопировать код в буфер обмена

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <title>Collapsible List &mdash; Take 3</title>
    <link rel="stylesheet" type="text/css" href="../common.css">
    <script type="text/javascript"
            src="../scripts/jquery-1.2.1.js"></script>
    <script type="text/javascript">
   
   $(function(){
        $('li:has(ul)')
          .click(function(event){
            if (this == event.target) {
              $(this).css('list-style-image',
                (!$(this).children().is(':hidden')) ?
                  'url(plus.gif)' : 'url(minus.gif)');
              $(this).children().not('input').toggle('slow');
                          
            }
            return false;
          })
          .css({cursor:'pointer',
                'list-style-image':'url(plus.gif)'})
          .children().hide();
        $('li:not(:has(ul))').css({
          cursor: 'default',
          'list-style-image':'none'
        });
      });
    </script>
    <style>
      fieldset { width: 320px }
    </style>
  </head>
  <body>
  <form>
    <fieldset>
      <legend>Collapsible List &mdash; Take 3</legend>
          <form>
      <ul>
        <li>Item 1</li>
        <li>Item 2</li>
                <input type="checkbox" value="crop" name="crop" id="rest1" />
        <li>
          Item 3
          <ul>
                        <input type="checkbox" value="crop" name="crop" id="rest1" />
            <li>Item 3.1</li>
            <li>
              Item 3.2
              <ul>
                <li>Item 3.2.1</li>
                <li>Item 3.2.2</li>
                <li>Item 3.2.3</li>
              </ul>
            </li>
            <li>Item 3.3</li>
          </ul>
        </li>
        <li>
          Item 4
          <ul>
            <li>Item 4.1</li>
            <li>
              Item 4.2
              <ul>
                <li>Item 4.2.1</li>
                <li>Item 4.2.2</li>
              </ul>
            </li>
          </ul>
        </li>
        <li>Item 5</li>
      </ul>
          </form>
    </fieldset>
        </form>
  </body>
</html>