Какова реализация bootstrap табов с плавным показом?
Причина вопроса: делаю свою реализацию смены блоков (по типу как сменяются табы в bootstrap), их использовать мне не и имеет смысла. Как они работают я тоже знаю, но вопрос такой: как все-таки у них реализован само использование .active и .fade.in ?
Ведь fade дает нам просто смену opacity , в то время как .active задает display:block; для элемента, если задавать таким образом классы блоку, то он просто с display:none меняется на display:block, без проигрывания анимации fade, эту вещь можно было бы просто решить обычными.fadeIn(), fadeOut(), но хотелось бы узнать как этот момент обходится в bootstrap табах.
в bootstrap fade эффект достигается добавлением двух классов при переключении.
Сначала добавляется .active (отображаем блок), затем .show (убирает свойство opacity: 0)
Простой
