начинающего JQuery - меню аккордеона, но нервные кнопки

Question

Я построили меню FAQ аккордеона как часть личного упражнения here

Там есть небольшое дрожание/сотрясение при нажатии кнопки, которые я не могу решить для. Я искал Google, но безуспешно для чего-то, что работает. Есть идеи?

Кроме того, существует ли более эффективный способ написания кода? Вот что у меня есть:

(function() { 

    $('dd').hide(); 
    $('dt').click(function(){ 
     $(this) 
      .next() 
      .slideDown(100) 
      .siblings('dd') 
      .slideUp(100); 
    }); 

    $('dd').click(function(){ 
     $(this).hide(); 
    }); 

})(); 

Answer 1

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

К сожалению, если это так, вы можете сделать это с помощью веб-приложения. В лучшем случае вы можете выбрать цветовую схему с меньшим контрастностью кнопок, что сделает колебание менее очевидным.

Answer 2

Вы пытались изменить пользовательскую тему jquery, которую используете в настоящее время?

Answer 3

Выполнение анимации с помощью jQuery на самом деле довольно дорого с точки зрения производительности. Я бы предложил не использовать анимацию, которая, скорее всего, ваша проблема.

Кроме того, вы также можете использовать jquery ui, поскольку они уже решили проблему аккордеона. Нет смысла повторно изобретать колесо

Answer 4

Попробуйте переключить эффекты перехода, чтобы получить желаемый результат. Используйте CSS3, где это возможно; или придерживаться jQuery, если хотите.

$(this).animate({ 
    'paddingBottom': 5, 
}, 300, 'linear')