Skip to main content

Bug Tracker

Side navigation

#8862 closed bug (invalid)

Opened April 13, 2011 03:36PM UTC

Closed April 13, 2011 04:37PM UTC

verticalmenu Menu is not working in IE8

Reported by: alurib@gmail.com Owned by:
Priority: undecided Milestone: 1.next
Component: unfiled Version: 1.4
Keywords: Cc:
Blocked by: Blocking:
Description

Hi my menu is working in Mozilla,crome but not in IE8,when i debug in IE it says "Object Expected".here is the code.can we fix this issue?the error shows at line number 8 $(document).ready(function(){...


<script type="text/javascript">

$(document).ready(function() {

setTimeout(function() {

Slide

$('#menu1 > li > a.expanded + ul').slideToggle('medium');

$('#menu1 > li > a').click(function() {

$(this).toggleClass('expanded').toggleClass('collapsed').parent().find('> ul').slideToggle('medium');

});

$('#example1 .expand_all').click(function() {

$('#menu1 > li > a.collapsed').addClass('expanded').removeClass('collapsed').parent().find('> ul').slideDown('medium');

});

$('#example1 .collapse_all').click(function() {

$('#menu1 > li > a.expanded').addClass('collapsed').removeClass('expanded').parent().find('> ul').slideUp('medium');

});

Fade

$('#menu2 > li > a.expanded + ul').fadeIn();

$('#menu2 > li > a').click(function() {

var el = $(this).parent().find('> ul');

if($(this).hasClass('collapsed'))

$(el).fadeIn();

else

$(el).fadeOut();

$(this).toggleClass('expanded').toggleClass('collapsed');

});

$('#example2 .expand_all').click(function() {

$('#menu2 > li > a.collapsed').addClass('expanded').removeClass('collapsed').parent().find('> ul').fadeIn();

});

$('#example2 .collapse_all').click(function() {

$('#menu2 > li > a.expanded').addClass('collapsed').removeClass('expanded').parent().find('> ul').fadeOut();

});

// Grow/Shrink

$('#menu3 > li > a.expanded + ul').show('normal');

$('#menu3 > li > a').click(function() {

$(this).toggleClass('expanded').toggleClass('collapsed').parent().find('> ul').toggle('normal');

});

$('#example3 .expand_all').click(function() {

$('#menu3 > li > a.collapsed').addClass('expanded').removeClass('collapsed').parent().find('> ul').show('normal');

});

$('#example3 .collapse_all').click(function() {

$('#menu3 > li > a.expanded').addClass('collapsed').removeClass('expanded').parent().find('> ul').hide('normal');

});

// Appear/Disappear

$('#menu4 > li > a.expanded + ul').show();

$('#menu4 > li > a').click(function() {

$(this).toggleClass('expanded').toggleClass('collapsed').parent().find('> ul').toggle();

});

$('#example4 .expand_all').click(function() {

$('#menu4 > li > a.collapsed').addClass('expanded').removeClass('collapsed').parent().find('> ul').show();

});

$('#example4 .collapse_all').click(function() {

$('#menu4 > li > a.expanded').addClass('collapsed').removeClass('expanded').parent().find('> ul').hide();

});

// Accordion

$('#menu5 > li > a.expanded + ul').slideToggle('medium');

$('#menu5 > li > a').click(function() {

$('#menu5 > li > a.expanded').not(this).toggleClass('expanded').toggleClass('collapsed').parent().find('> ul').slideToggle('medium');

$(this).toggleClass('expanded').toggleClass('collapsed').parent().find('> ul').slideToggle('medium');

});

}, 250);

});

</script>

<style type="text/css">

body {

font: 10pt Arial, Helvetica, Sans-serif;

}

a {

text-decoration: none;

}

#example1,

#example2,

#example3,

#example4,

#example5 {

float: left;

}

.expand_all,

.collapse_all {

cursor: pointer;

}

.example_menu {

font-size: 90%;

list-style: none;

margin: 0;

padding: 0;

vertical-align: top;

width: 140px;

}

.example_menu ul {

display: none;

list-style: none;

margin: 0;

padding: 0;

}

#menu1,

#menu2,

#menu3,

#menu4,

#menu5 {

margin: 0;

}

#menu1 li,

#menu2 li,

#menu3 li,

#menu4 li,

#menu5 li,

.example_menu li {

background-image: none;

margin: 0;

padding: 0;

}

.example_menu ul ul {

display: block;

}

.example_menu ul ul li a {

padding-left: 20px;

width: 140px;

}

.example_menu a {

color: #000;

cursor: pointer;

display: block;

font-weight: bold;

margin-left: 0;

padding: 2px 2px 2px 17px;

width: 140px;

}

.example_menu a.expanded {

background: #bbb url('collapse.gif') no-repeat 3px 50%;

}

.example_menu a.collapsed {

background: #bbb url('expand.gif') no-repeat 3px 50%;

}

.example_menu a:hover {

text-decoration: none;

}

.example_menu ul a {

background: #e8e8e8;

border-top: 2px solid #fff;

color: #000;

display: block;

font-weight: normal;

padding: 2px 2px 2px 10px;

width: 140px;

}

.example_menu ul a:link {

font-weight: normal;

}

.example_menu ul a:hover {

background : #f5f5f5;

text-decoration: underline;

}

.example_menu li.active a {

background: #fff;

}

.example_menu li.active li a {

background: #e8e8e8;

}

#menu1 li.footer,

#menu2 li.footer,

#menu3 li.footer,

#menu4 li.footer,

#menu5 li.footer,

.example_menu .footer {

background: transparent url('footer.jpg') no-repeat 0 0;

border-top: 2px solid #fff;

height: 9px;

line-height: 15px;

margin: 0 0 10px 0;

width: 140px;

}

.example_menu .footer span {

display: none;

}

</style>

Attachments (0)
Change History (1)

Changed April 13, 2011 04:37PM UTC by addyosmani comment:1

resolution: → invalid
status: newclosed

Thanks for submitting a ticket to the jQuery Bug Tracker. Unfortunately, we are only able to assist with issues related to jQuery core and cannot help debug personal projects or projects where issues are related to out of date plugins.

If you require assistance with your code, please make a post in either the official jQuery Forums or on our #jquery channel on freenode. Should you be able to establish that the issue you are seeing is in fact related to core and can be reduced, we will me more than happy to investigate further at that point.