jQuery .slideDown выполняется дважды, а не один раз

Question

Я новичок в jquery и столкнулся с проблемой, которую не могу исправить

Я хочу, чтобы при загрузке страницы мой контент скользил вниз, поэтому я использую следующий код:

  $(document).ready(function () {
    $("#content").hide();
    $("#content").slideDown(1000);
  });

когда я загружаю страницу, содержимое смещается вниз, в оригинальной форме, затем содержимое скрывается и снова скользит вниз.

Когда я иду на css и делаю #content{display: none;} вместо $("#content").hide();, все работает нормально.(нельзя использовать это для браузеров без js)

Кто-нибудь знает причину этого?

Спасибо!

Answer 1

Вы говорите, что все работает нормально при использовании css #content{display: none;}, чем я предлагаю вам использовать метод Jquery .css () (http://api.jquery.com/css/) ..

вы можете использовать его следующим образом:

  $(document).ready(function () {
    $("#content").css( { 'display' : 'none' } );
    $("#content").slideDown(1000);
  });

sipmle как таковой.

и я также согласен с @Billy Moon, это может быть ошибка, специфичная для браузера, или вы можете вызывать команду обновления страницы, где-то в вашем коде.

Answer 2

Ваш код не имеет проблем внутри. Это где-то еще в вашем коде.

разве это не вызов функции в некоторой функции, которая вызывается дважды?