Как сделать плавный transition?

Антон, к сожалению, это не совсем то. Если указать height: 100%; то меню действительно плавно выезжает и скрывается, но после того, как меню уезжает, остается как бы перекрытие этим меню всей остальной страницы. Т.е. если не указывать это свойство, то высота динамически меняется, если указать height: 100%, то firebug показывает меню на высоту всей страницы. Тем самым страница становится не кликабельна. Обидно. Разгадка была близка. )) Буду искать дальше варианты. В любом случае, спасибо за участие ;)

Как сделать плавный transition?

Антон, спасибо большое!! Этот фейл я надолго запомню =)
ЗЫ: А что тогда дает это пресловутое значение, если не секрет?
('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend')

Как сделать плавный transition?

при повторном клике окно улетает, хотелось бы добиться плавности "хода". Как это сделать, ума не приложу...

Как сделать плавный transition?

Вот https://jsfiddle.net/36fd6680/11/ =)

Как сделать плавный transition?

Спасибо, но это слишком очевидно и это не работает)) Как я понял, вся загвоздка в этом пресловутом on('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend');

Вот тут, например https://codyhouse.co/demo/3d-bold-navigation/index.html применяется такой код;

$('main').on('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function(){
//once the navigation is closed, remove the old section from the DOM
section.prev('.cd-section').remove();
});

В других примерах другой, например on('webkitTransitionEnd...); и off('webkitTransitionEnd...);
Тут именно через JS надо делать.

Как добавить класс следующему элементу и удалить у предыдущего?

Игорь, ты просто гуру! Спасибо огромное!!!
Скажи, каких авторов читать? Думаю, мне еще ни раз это пригодится, вызвался делать сайт для школы, где сын учится, называется... ))

Как добавить класс следующему элементу и удалить у предыдущего?

Игорь, пока я смог допереть только до такого:

$('.owl-prev').click(function(e) {
var $current = $('.content-block_desc.active');
$current.removeClass('active');
$current.next('.content-block_desc').addClass('active');

if ( $('.content-block_desc').last().hasClass("active") ) {
$current.removeClass('active');
$('.content-block_desc').first().addClass('active');
}

});

Но, код глючный, когда последний div становится active, первый тоже уже active, т.е. одновременно... Сижу, думаю дальше. =)

Как добавить класс следующему элементу и удалить у предыдущего?

Игорь, спасибо большое! Очень помог!
Скажи, пожалуйста, а как зациклить этот процесс? Сейчас, когда доходит до конца, то последний div перестает быть активным и все...
ЗЫ: С понедельника начинаю новую жизнь; начинаю изучать JS. ))