Итак, я пытаюсь создать эффект, что при нажатии на изображение еще два изображения (хранящиеся в #sharebar) выскользнут слева. В настоящее время проблема заключается в том, что изображения выдвигаются, они скользят слева под кнопкой, а затем сдвигаются вверх после завершения анимации. Мне бы хотелось, чтобы все было на одном уровне все время, чтобы изображения выглядели скользящими сзади.
Кто-нибудь может мне помочь? Вот что у меня есть:
<script>
$(function() {
// run the currently selected effect
function slideOut() {
var options = {};
$("#sharebar").toggle("slide", options, 500, callback() );
};
function callback() {
};
// set effect from select menu value
$( "#download_link" ).click(function() {
slideOut();
return false;
});
$("#sharebar").hide();
});
</script>
</head>
<body>
<div style="margin:200px;min-height:10px;background:#e9e9e9;overflow:hidden;">
<img id="download_link" src="Download.png" style="z-index:2;"/>
<span id="sharebar" style="width:20px;z-index:1;">
<img id="exercise_link" src="exercises.png" />
<img id="subtitles_link" src="subtitles.png" />
</span>
Заранее спасибо! :)
РЕДАКТИРОВАТЬ: Я думаю, что это может иметь отношение к z-index, но я не совсем уверен