Антон Усачев

Все это можно. И на чистом цсс с помощью трансформаций и анимаций. По аналогии с этой парой примеров.

Фильтры в помощь.

.collapse.in {
    display: block;
}

Этот стиль вызывает рывок. Дело в том, что вначале элементы скрыты, имеют нулевую высоту. При нажатии на триггер начинается анимация, а через полсекунды примерно к этому самому .multi-collapse... добавляется класс .collapse.in.
Начать можно с того, чтобы нормально сверстать эту группу элементов, чтобы не было неблочных ссылок и картинок, которые флотятся поодиночке внутри одного контейнера. А там, глядишь, и решение само придет: например – не использовать встроенные функции появления элементов от бутстрапа и применять эффект появления к правильным узлам.

$('td').attr('class');

1. Заверстать такую полоску, в ней элемент с нулевой шириной и белой заливкой.
2. Взять все слайды за 100% (допустим, их 4).
3. Смотреть какой слайд в данный момент активен (допустим, третий) и считать ширину заливочного элемента:

$('.заливочный_элемент').width(100 / все_слайды.length * (активный_слайд.index() + 1) + '%');

4. Получаем 75% ширины.

Отличный способ у Stalker_RED
Jquery вариант с интервалами, не лучший вариант, но имеет место быть:

var copyInterval;

copyInterval = setInterval(function () {
	$('.div2').html($('.div1').html());
}, 100);

По высоте, наверное, никак, эта технология не предусматривает такого поведения. В помощь css columns на чистом цсс, что тоже вряд ли даст нужный результат, либо в идеале masonry на js.

$('.menmass').first().find('a').click();

Правильный блок выбирать нужно:
.single-route .owl-carousel.owl-theme .owl-nav div -->

.single-route .owl-carousel.owl-theme .owl-nav button

Перевожу. Слушаем значение инпута на вводе и изменении. Если первая введена "8", то даем инпуту пустое значение, т.е. стираем восьмерку. Демо:



Другой вопрос, что, например, ребята из Питера (+7 812) уже не дозвонятся. =)

UPD: Добавил проверку на длину строки. Если цифр больше 10 и первая "8", то "8" уйдет. Теперь Питер дозвонится! =)