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。它是隐藏的，而不是点击，当被叫时，我希望它上升。jquery向上滑动隐藏元素

.slideDown工程，但.slideUp不工作。我更喜欢它滑动，是否有任何理由.slideUp在这种情况下不起作用？

来源

2013-12-15 joe

向上滑动用来隐藏元素不显示其自 –

内容已被隐藏，它不会做任何事情...... –

是否有其他方式来创建幻灯片效果？ – joe

继阿伦P佐尼的评论，你得把你想实现这个

JS可与DOM元素是什么，所以它只能在某种程度上有利于执行基于CSS的样式与HTML原则（即它不能掩盖一个隐藏的元素）

的jsfiddle

我为你

取得了

我真的不明白你想做什么，但我想你可以使用SlideToggle功能，像这样：

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

来源

2013-12-15 12:37:03

对不起，我应该更清楚。我有一个底部导航，点击事件会让这个隐藏的元素“向上滑动”并覆盖页面。我只是想知道这是否可能（我意识到slideUp的限制）我希望有一个'视觉'的选择。 – joe

那么当你提到“覆盖页面”时，基本上将它作为“覆盖”？ –

毫米有点，在我的情况是它覆盖了一个已经存在的股利。但是，从底部导航中“滑动”的想法就是我的意思 – joe

jquery向上滑动隐藏元素

回答

相关问题