селектор в jquery

Question

У меня проблемы с суб-навигацией на этом сайте, который я создаю. Я не думаю, что правильно выбираю предметы в своем jquery. Я уверен, что это просто небольшая вещь, которую нужно сделать, но я не знаю, как это сделать.

http://jsfiddle.net/ZDErp/

Я пытаюсь сделать так, чтобы при нажатии на одну из ссылок subnav открывался другой div, показывающий цвет. По какой-то причине, когда я нажимаю на ссылку, отображается только первый (красный) элемент div.

Если вы можете помочь, это было бы здорово!

Answer 1

Проблема с этой строкой:

var $menuelement = $('.thumb').eq($(this).parent().index());

a.subnav прямым родителем является h4.Использование index() для этого элемента будет означать, что вы хотите индекс этого h4 по отношению к его братьям и сестрам (их нет).Вы действительно хотите ближайший li предок.

Использование:

var $menuelement = $('.thumb').eq($(this).closest("li").index());

Обновленная скрипка: http://jsfiddle.net/286LV/

Answer 2

Я обновил скрипку: http://jsfiddle.net/ZDErp/1/

Я использовал атрибут href в качестве селектора для показа div.