Здравствуйте знатоки и пользователи Винграда  

Уже наверно больше месяца страдаю над скриптом аккордеоном, пилил пилил, плюнул, через две недели вернулся.
Из новенькго - подсчёт шагов, за которое блок должен раскрыться, сжаться. Раньше была статичная цифра, что мне казалось злом.

Тему создал потому что никак не справлюсь с подсчётами, видимо мозги мои в конец скисли, а проблема в том что в сумме блоки то меньше, то больше родителя.
(не дожидаясь пока один из блоков дойдёт до макс, переведите курсор на др)
Вот оно исчадие зла   

Подскажите где я промахнулся, что не учёл или просто пристрелите.

p.s. если где-то не хватает комментария или ещё что, пишите, не стестняйтесь.

Возможно, более удачным решением будет массив "состояний анимации" вкладок - они расширяются/ сжимаются/остановлены+ до максимума/оптимума. Тогда на каждом шаге анимации достаточно проверить состояние и вычислить изменения размеров. Изменения производить с минимальных (уменьшение размеров) до максимальных, чтобы картинка "не прыгала" в броузере.

Такой подход позволит иметь единственную функцию анимации, а не пару конфликтующих, как сейчас. На каждом обработчике будет сидеть функция изменения состояний вкладок и старт анимации, если нужно.

То есть надо добавить ещё один массив?, ведь остальное уже есть - проверка состояния и изменение размеров.



Так каждый ... может. Я поэтому и создал тему, потому что не могу сдружить блоки, что бы они при любом размере не "конфликтовали".



Вы говорите о сложении/вычитании? Видимо без примера не мне понять как добавив массив, вы избавитесь от изменения размеров каждого блока.
Почему-то мне кажется что вы пытаетесь два выражения "сложения" сократить, сэкономив несколько байт, при этом добавить массив и условие через которое он будет заполняться, что займёт ещё больше места.

Я говорю об одновременном существовании 2-х сразу механизмов анимации. В событии onmousein и onmouseout. Именно они конфликтуют.
 Должен остаться только один. 

Это все можно сделать без единой строчки JS

http://jsfiddle.net/t4Yws/2/

onmousein - не знал что есть такое событие, вот уже оправдалось создание темы, есть что почерпнуть.

Так при одном событии избранный блок/слайд/вкладка/нечто расширяется, а когда убираю стрелку мышки включается второе событие, которое возвращает всё на свои места, к размерам по умолчанию.



а кто будет возвращать блоки в стандартное состояние?

____________

спасибо, симпатичное решение, вот только блоки не сжимаются.

Это сообщение отредактировал(а) Evghenusi - 14.10.2013, 19:58

некоторые вещт проще написать, чем объяснить   
http://jsfiddle.net/LLbLf/

ауеть ....


видмо Да(

эххх, до идеала не хватает, что бы всё одно временно изменялось

Добавлено через 2 минуты и 12 секунд
там только восстановление не так как мне видится

Добавлено через 3 минуты и 41 секунду
спасибо, буду разбирать, чувствую там есть интересные моменты.

Вот более другой вариант http://jsfiddle.net/5P5UQ/

Можно flex box заюзать, правда  не кросбраузерно. Ну как вариант, для остальных браузеров(которые не поддерживают flex box и transition) можно использовать ваш скрипт 

http://jsfiddle.net/t4Yws/4/