jquery - 更改另一个div的背景悬停多个按钮

Question

开发菜单时，我在一些很简单的事情上遇到了一些麻烦(显然不适合我)。

EXPLANATION IMAGE http://img80.imageshack.us/img80/7060/hoverdivexpl.jpg

背景/菜单按钮都是图像。

我已经尝试根据其他 StackOverflow(和其他)用户的建议来解决这个问题，但不知道如何继续。一旦它可以悬停按钮，但不会切换回 div 的 bg；然后可以工作，但没有任何褪色。

拥有 Web 开发/jQuery 的基础知识，但我陷入困境。

Answer 1

对于这两个按钮，类似

$(selector1).hover(
    // Function to call when mouse enters element
    function() { 
        // Animate to set new background in 100 milliseconds
        $(this).animate({'background': 'A'},100); 
        $(bigdivselector).animate({'background': 'A'},100); 
    }, 
    // Function to call when mouse leaves element
    function() { 
        $(this).animate({'background': 'defaultBG'},100); 
        $(bigdivselector).animate({'background': 'defaultBG'},100); 
    }, 
);

显然您必须用正确的值替换选择器和背景。