The following code works completly in FF but only partially works in
IE6.
The following line executes fine: $("#LHNav ul").hide(); but the
next line:
does not.
$("#LHNav
li:not(:has(a))").css('color','red').css('cursor','pointer').bind("click",
function(){
showHideMenus(this);
});
I whittled it down to just $("#LHNav
li:not(:has(a))").css('color','red'); and it still did not work in IE.
Any ideas?
<script type="text/javascript">
$(document).ready(function() {
setUpMenus();
});
function setUpMenus(){
$("#LHNav ul").hide();
$("#LHNav
li:not(:has(a))").css('color','red').css('cursor','pointer').bind("click",
function(){
showHideMenus(this);
});
}//End of set up menus function
function showHideMenus(element){
$(element).next("ul").slideToggle();
}//End of showHideMenus
</script>
