jQuery function is not working expectedly
<p>below <strong>JQuery</strong> code for showing and hiding content of my html page. when i click on <strong> show product</strong> link all names of product comes below and when click <strong>hide product</strong> link it hides products. it is working as expected but in <strong>IE6.0</strong> when i click on <strong>hide product</strong> link it is hiding check box also but in <strong> mozilla</strong> it is as expected </p>

<pre><code>$(document.ready(function()){
    toggleNodes=function(node,action){
        var $content=$('.node-content', node);
        var $symbol=$('.node-label&gt;a&gt;.ui-symbol-green',node);

        If  ( var ($symbol.hasClass('ui-symbol-circle-minus') &amp;&amp; 
              (action==undefined||action=='hide')))
        {
            $symbol.removeClass('ui-symbol-circle-minus');
            $symbol.addClass('ui-symbol-circle-plus');
            $info.addClass('closed');
            $content.hide();
        }
        else if($symbol.hasClass('ui-symbol-circle-plus')) &amp;&amp; 
                (action=='undefined'||action=='undefined')
            $symbol.addClass('ui-symbol-circle-minus');

        $symbol.removeClass('ui-symbol-circle-plus');
        $info.removeClass('closed');
        $content.show();
      }
      return false;
    }

    toggleAllNodes=function(tree,action){
        $('.node',tree).each(function(node)){
            toggleNOde(node,action);
        });
    }

    $('.tree .nodelabel&gt;a').click(function(event)){
        toggleNode(event.currentTarget.parentNode.parentNode);
        event.preventDefault();
        return false;
    });
});
return false;
</code></pre>

<p>Please suggest how to correct this bug. </p>
