views:

30

answers:

1

Where did I go wrong? IE reports a problem while everything else seems to be just fine.

$(document).ready(function(){
  menu = $('#menu > ul > li');
  image = $('#image > ul > li > div');
  menu.each(function(idx) {
    this.slide = image[idx];
    }).hover(
    function() {
      menu.removeClass('active');
      image.removeClass('active');
      $(this).addClass('active');
      $(this.slide).addClass('active');
    });
  });
A: 

You don't really need to use .hover()! Instead you should use .mouseenter() or .mouseover(). I don't trust much that line: this.slide = image[idx]; it should be fine but i would prefer using this.slide = image.eq(idx)[0]; instead.

Zlatev
You should delete this answer while you still have enough reputation to comment.
SLaks
Replacing to the suggested has no effect, I am afraid. Eventhough I agree .mouseenter() might be a more appropriate fx in this case.
sahulik