JQuery - дивы и стили

Question

сделать заказ portfolie контакты свободные места о компании

Я добавляю стиль для него в jquery-script:

        $('#head_menu a').each(
            function()
            {
               $(this).addClass('menu_part'); 
            }
        )

И стиль menu_part

.menu_part
{
    border-left: 1px solid black;
    background-image: url(../images/bg_menu.png);
    float:left;
    padding: 2px 10px;
}

А теперь я хочу изменить стиль, если щелкнуть часть меню:

        $('#head_menu a').click(
            function(e)
            {
                $(this).removeClass('menu_part').addClass('menu_chose');
            });

menu_chose стиль:

 .menu_chose
    {
        background-image: url(../images/bg_menu_hover.png);                            
        color: #FFF;
    }

Все хорошо, но после нажатия только цвет текста меняется на белый, а фоновое изображение остается старым, почему?

---

UPD

Изображения правильные. Вот другой стиль:

.menu_part:hover
{
    background-image: url(../images/bg_menu_hover.png);
    color: #FFF;
}

И это прекрасно работает, когда мышь наведена.

Answer 1

Прежде всего, этот код:

    $('#head_menu a').each(
        function()
        {
           $(this).addClass('menu_part'); 
        }
    )

Можно упростить как:

    $('#head_menu a').addClass('menu_part'); 

Во-вторых, судя по всему, вы добавляете класс «menu_choposed» в обработчик событий нажатия, тогда как ваша таблица стилей на самом деле имеет стиль «menu_chosed» (только один «o»). Если вы измените оба параметра на menu_chosen, проблема должна исчезнуть!