Изменить фон другого div, зависания нескольких кнопок

Question

При разработке меню я столкнулся с некоторыми проблемами в чем-то довольно простом (очевидно, не для меня).

ОБЪЯСНЕНИЕ ИЗОБРАЖЕНИЯ http://img80.imageshack.us/img80/7060/hoverdivexpl.jpg

Фоны / кнопки меню, это ВСЕ изображения.

Я уже пытался решить эту проблему с предложениями других пользователей StackOverflow (и других), но не могу понять, как действовать дальше. Как только он работает, наведите кнопку, но не переключитесь обратно на bg div; затем работает, но ничего не исчезает.

Имея базовые знания в области веб-разработки / 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); 
    }, 
);

Там, где вам, очевидно, придется заменить селекторы и фоны на правильные значения.