CSS div定位和jQuery slideUp疯狂
已解决查看下面的评论CSS div定位和jQuery slideUp疯狂,jquery,html,css,slide,Jquery,Html,Css,Slide,已解决查看下面的评论 <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#playlistToggle').click(function(event) {
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#playlistToggle').click(function(event) {
event.preventDefault();
if($('#playlist').is(":hidden"))
{
$('#playlist').slideUp('medium');
}
else
{
$('#playlist').slideDown('medium');
}
});
});
</script>
<style type="text/css">
#playlist_wrapper
{
bottom: 30px;
height: 75px;
overflow: hidden;
position: fixed;
width: 100%;
background-color: yellow;
}
#playlist
{
background-color: #FF6633;
border: 1px solid #666666;
height: 75px;
width: 920px;
position: relative;
bottom: 0;
margin: 0 auto;
visibility: hidden;
}
</style>
</head>
<a href="#" id="playlistToggle">Toggle Playlist</a>
<div id="playlist_wrapper">
<div id="playlist"></div>
</div>
$（文档）.ready（函数（）{
$（“#播放切换”）。单击（函数（事件）{
event.preventDefault（）；
如果（$（“#播放列表”）是（“：隐藏”））
{
$（“#播放列表”）.slideUp（'medium'）；
}
其他的
{
$（“#播放列表”）。向下滑动（“中等”）；
}
});
});
#播放列表包装器
{
底部：30px；
高度：75px；
溢出：隐藏；
位置：固定；
宽度：100%；
背景颜色：黄色；
}
#播放列表
{
背景色：#FF6633；
边框：1px实心#666666；
高度：75px；
宽度：920px；
位置：相对位置；
底部：0；
保证金：0自动；
可见性：隐藏；
}
编辑：澄清一下：我需要从一开始就隐藏播放列表div，然后在按下切换按钮时向上滑动
.slideUp.hide.slideDown.show因此：使用slideDown使内容可见，而不是slideUp只有在
* They have a CSS display value of none.
* They are form elements with type="hidden".
* Their width and height are explicitly set to 0.
* An ancestor element is hidden, so the element is not shown on the page.
似乎
#playlist#playlist.is（“：hidden”）