решено Посмотрите на комментарии ниже
<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>
Этот скрипт должен скользить вверх по плейлисту div, когда вы нажимаете кнопку.Тем не менее, ничего не происходит, когда вы нажмете.Если вы измените:
if ($ ('# playlist'). Is (": hidden"))
To:
если ($ ('# playlist'). is (": visible"))
И изменить свойство видимости css #playlist со значения "hidden" на "display", тогда div смещается вверхк вершине, и скользит вниз к низу, полная противоположность того, что я хочу, чтобы он делал.Что я здесь не так делаю?
РЕДАКТИРОВАТЬ: Чтобы уточнить: мне нужно, чтобы div плейлиста был скрыт с самого начала, а затем сдвигался вверх, когда я нажимал кнопку переключения.