转换没有在根类中显示没有元素

Question

我有以下设置：

#search-suggestion {
    @include transition(top 0.5s ease);
    left: 25%;
    width: 50%;
    display: block;
    padding: 10px;
    z-index: -1;
    opacity: 1;

    &.visible {
        top: 66px;
    }

    &.notvisible {
        top: -200px;
    }
}

但转换不起作用，但是当我将top元素添加到#search-suggestion时，这是有效的。但是，.visible和.notvisible的功能并没有按预期发挥作用;

将@include transition(top 0.5s ease);添加到.visible和.notvisible并不适用于动画。

有什么建议吗？