jquery hover tabs, долен и горен ред, споделяне на централен контейнер

Дано си добре!

Имам малък проект тук за разрешаване...

...играх и настроих jsfiddle тук, за да илюстрирам необходимата цел...

...разположих елементите на разделите отгоре и отдолу...горните раздели са зелени, долните раздели са червени...

...долният ред раздели в червено трябва да бъде различен CSS клас, тъй като трябва да приложа различна графика към тях...

..Имал съм цигулка, но не съм сигурен дали ще обвържа това, за да побере както класа "moving_bg" за най-горния ред раздели...и класа "moving_bg-B" за долния ред.

... по същество 8-те UL блока съдържание, трябва да споделят този централен контейнер:

http://jsfiddle.net/AMCBP/

…както виждаме, имаме правилната html структура и приложен css, но UL блоковете не се плъзгат отвъд UL блок номер 4, когато използвате долния ред раздели.

... като jquery noob всякаква помощ, указатели много оценявам!


jquery tabs hover
person annieFlower    schedule 07.07.2012    source източник

Отговори (1)


arrow_upward
0
arrow_downward

Проблемът беше следният:

   var background = $(this).parent().find(".moving_bg");

Написахте анимация само за един клас .moving_bg, който е най-горният ви раздел, така че анимацията работи перфектно. Долният ви раздел има .moving_bg-B клас, така че не е поставена анимация за този клас.

Ако искате да използвате заедно анимирани раздели отгоре и отдолу, трябва да използвате обединение на двата класа.

 var background = $(this).parent().find(".moving_bg,.moving_bg-B");

В горния код правя обединение на двата класа.

Актуализирайте JSfiddle вместо вас: http://jsfiddle.net/AMCBP/2/

person Suave Nti    schedule 07.07.2012
comment
...благодаря за отговора, много го оценявам, правилно сте с допълнителния клас moving_bg-B... - person annieFlower; 09.07.2012
comment
… проблемът, който имам, е, че долният ред раздели трябва да се плъзне в последните четири блока, тъй като имам осем, а не четири… - person annieFlower; 09.07.2012
comment
... така че, например, в момента разделът Заглавие 5 в долната част просто разкрива първото съдържание ... когато трябва да покаже петия блок (тъй като технически това е петият раздел) - person annieFlower; 09.07.2012
comment
...например... Разделът Заглавие 5 при задържане на мишката разкрива блок Съдържание 5, а не блок Съдържание 1. Разделът Заглавие 8 ще разкрие блок Съдържание 8. Много благодаря предварително! - person annieFlower; 09.07.2012
comment
... както можем да видим в момента, UL блоковете не се плъзгат отвъд UL блок номер 4, когато използвате долния ред раздели. - person annieFlower; 09.07.2012
comment
... ако всички раздели са най-отгоре, работи, но проблемът се появява, когато разделите са в друг блок от маркиране по-долу › връзка - person annieFlower; 09.07.2012
comment
...така че трябва по някакъв начин да имитирам това, но вместо това с разделите отдолу: ОРИГИНАЛНА ВРЪЗКА ЗА FIDDLE - person annieFlower; 09.07.2012