переход не отображается в хроме после загрузки страницы

Question

У меня есть div, который скрывается до загрузки страницы. Как только страница загружает div-шоу с помощью перехода. Он работает в Firefox, но в хроме просто перестает отображаться.

Это ссылка, поэтому вы можете попробовать в Firefox и Chrome и увидеть разницу.

http://raulmv.com

Проблема должна быть с CSS, но это, кажется, хитрый.

Благодаря

О, да, я забыл сказать, что она работает на моем локальном с помощью Chrome. Думаю, это довольно странно.

UPDATE решение

В конце концов почему я должен был обновить скрипт таким образом

Вместо этого:

<script> 
$(document).ready(function() { 
    setTimeout(function() { 
    $('.slider').css('visibility', 'visible'); 
    $('.slider').css('opacity', '1'); 
    $('.slider').css('max-height', '4000px'); 
    $('.slider').css('-webkit-transition', 'all 2s linear'); 
    $('.slider').css('transition', 'all 2s linear');//notice this line 
    },3000); 
}); 
</script> 

я должен был использовать это:

<script> 
$(document).ready(function() { 
    setTimeout(function() { 
    $('.slider').css('visibility', 'visible'); 
    $('.slider').css('opacity', '1'); 
    $('.slider').css('max-height', '4000px'); 
    $('.slider').css('-webkit-transition', 'all 2s ease-in-out'); 
    $('.slider').css('transition', 'opacity 2s ease-in-out, max-height 2s ease-in-out');//This is the line I changed 
    },3000); 
}); 
</script> 

Я не уверен, почему, но теперь он работает во всех браузерах.

Answer 1

Попробуйте изменить свой переход в класс перед: парить и добавить:

#clickme_about, #clickme_work, #clickme_interests, #clickme_find_me { 

transition-duration: 0.4s; 
transition-property: color; 

} 

и удалить переход от вашего парении.

Возможно, это работает без короткой формы.

(bouth работает для меня на хромированной последней версии)