В jQuery при использовании toggleClass у меня в элементе появляется надпись class, но сам класс не появляется. Что не так делаю?

Question

[Александр Тимофеев]

$("#osnova-pizzi li:nth-child(3)").click(function(){
        $("#food2").toggleClass('vv');
    });

#food2 {
    z-index: 2;
    position: absolute;
    visibility: hidden;
}

.vv {
    visibility: visible;
}

Причем в данном случае пишу jquery без строки
$(document).ready(function() {
а вот если ещё и её добавляю то тогда даже надписи class не появляется

addClass отрабатывает нормально

Comments

[littleguga]

Александр Тимофеев, если вопрос решен, отметьте решение, пожалуйста.

Answer 1

[littleguga]

Всё работает.

Скорее всего класс добавляется, но #food2 видимым не становится, потому что вес id гораздо выше класса.

Comments

[Александр Тимофеев]

к сожалению не добавляется именно класс. Смотрю через webTools - кликаю на область и в элементе, где должен появляться класс просто мигает сама надпись class. Переписал как вы написали, теперь мигает класс food2, но класс vv не добавляется

[littleguga]

Александр Тимофеев: можете показать сайт?

[Александр Тимофеев]

littleguga: portfolio-timofeev.ru/wp-content/themes/freelance/... в меню Основа надо кликать по Грибная.. элемент где должен добавляться класс соответственно ниже на большой картинке

[littleguga]

Александр Тимофеев: не так. Оставьте vv и переключайте его. Задавайте visibility: hidden; для класса, а не для id

[littleguga]

Александр Тимофеев:
Вот так должно быть.

[littleguga]

Александр Тимофеев: visibility: hidden должен быть задан для класса .food2 и аналогичных, а не для id #food2. Теперь если Вы хотите сделать видимым элемент, то добавляйте ему класс vv. И всё будет работать.