Проблемы с jQuery slideUp() и slideDown()

Question

Я неопытный с jQuery, и у меня возникают некоторые проблемы с анимациями slideUp() и slideDown().

Я работаю над дизайном vCard, подобным Tim Van Damme's site. вот ссылка на дизайн: link. Когда вы нажимаете кнопку «Портфолио» или «Работа», текст или изображение появляются перед тем, как диверсия заканчивается сползанием вниз. Я хотел бы, чтобы div сначала сместился вниз, а затем отобразил текст ... Это в настоящее время работает, когда вы нажимаете кнопку контакта или кнопку «Дом» на верхней панели навигации, но не работает для кнопки портфолио и кнопки работы.

У меня есть догадка, что это может быть даже не проблема jQuery, и что это только мой плохой код css, но я просмотрел код css и изменил такие вещи, как z-index, но это не сработало.

Answer 1

Вы можете использовать функцию обратного вызова slideDown

Что-то вроде

$("yourselector").slideDown("slow", function(){ 
    // your code to manipulate text and image 
}); 

Answer 2

Что вам нужно сделать, это сделать содержание подгонку в поле во все времена, даже когда она меняется размер. Я попробовал добавить overflow: hidden в div с классом panels в Firebug. Это спрятало некоторые вещи, но не текст на вкладке сети по какой-то причине ...

Answer 3

Добавьте небольшой тайм-аут, если необходимо.

$("yourselector").slideDown("slow", function(){ 
    setTimeout(function(){ 
     // your code to manipulate text and image 
     // This will happen after _t_ milliseconds only 
    }, _t_); 
});