jquery - 不需要的跳转效果(经常发生，我不明白为什么)

Question

在上面的代码中，我们:

1) 单击类别 A，然后，2) 单击出现的粗体标题之一。

您会注意到，虽然扩展而不是移动平滑，但它在接近显示过程结束时跳跃。 (看起来当它找到 <p> 时他会跳)；

造成这种行为的原因是什么？

这是相关代码:代码:

$('#btCategoriaA').click(function() {
            $('#btCategoriaA').toggleClass('selecionado');
            $('#listaCategoriaA').slideToggle('slow', function() {
           });
        });


        $('#btCategoriaB').click(function() {
            $('#btCategoriaB').toggleClass('selecionado');
            $('#listaCategoriaB').slideToggle('slow', function() {
            });
        });

        $('#btCategoriaC').click(function() {
            $('#btCategoriaC').toggleClass('selecionado');
            $('#listaCategoriaC').slideToggle('slow', function() {
           });
        });



        function mostraDesafio(num){
            $('#detalheDesafio'+num).slideToggle('slow');
        }

我是否应该提供更多信息，请让我知道。

K.问候，内存管理

Answer 1

在 CSS 中为您的 .detalheDesafio 元素指定一个确定的宽度。这应该可以解决问题。

.detalheDesafio {
    width: 308px;
}

我不记得为什么需要它，但 .slideToggle() 方法以某种方式需要它。