jquery - jQuery向上滑动隐藏元素

$(function(){
    $('#twittercontent').hide();
});

$('#twitter').on('click', '.hvtext',function(){
    $('#twittercontent').slideUp('slow');
});

#twittercontent {
    background:rgba(255,0,0,1);
    width:320px;
    height:310px;
    display:block;
    z-index:205;
    position:absolute;
    top:5em;
    left:20em;
}

div'twittercontent'是单击'.hvtext'时调用的div。它是隐藏的，而不是单击时被调用，我希望它向上滑动。

.slideDown有效，但.slideUp无效。我希望它向上滑动，在这种情况下.slideUp无法正常工作吗？

最佳答案

除了Arun P Johny的评论，您还必须确定您要实现的目标

JS使用DOM元素，因此它只能以有利于HTML原理的方式执行基于CSS的样式（即，它无法隐藏隐藏的元素）



JSFiddle

我为你做了一个JSFiddle

我并没有真正了解您要做什么，但是我想您可以使用SlideToggle函数，如下所示：

$('#twitter').on('click', '.hvtext',function(){
    $('#twittercontent').slideToggle('slow');
});