显示/隐藏div时的转换

Question

我正在尝试显示带有类.socialmenu的DIV显示或隐藏时的转换。这是CSS代码，但它不起作用：

.socialmenu {
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    background: #333;
    position: fixed;
    display: none;
    transition: 3s all ease;
}

以下是包含完整代码的JSFiddle。我不介意是否也可以使用jQuery实现转换/动画。有什么帮助吗？

Answer 1

使用fadeIn（）;淡出（）;而不是hide（）;节目（）; 同时从.socialmenu类

中删除过渡效果