Коллеги, подскажите...
Дано: 2 divа, один скрытый, при появлении сдвигает второй div.
Операция при сдвиге сверху вниз отрабатывает, снизу-вверх никак
<html>
<head>
<style>
#controlPanel {
top: 0;
height: 200px;
width: 834;
font-color: #d3e0e7;
background: #004874;
overflow: hidden;
position: relative;
display: none;
z-index: 1;
}
#toolbar {
top: 0;
height: 56px;
width: 834;
overflow: hidden;
background: transparent url("top.png");
position: relative;
padding: 0;
z-index: 2;
}
a {
text-decoration: none;
color: #0083c1;
}
p {
color: #d3e0e7;
}
h1 {
color: #0083c1;
}
</style>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#open").click(function() {
$("div#controlPanel").slideDown("slow");
});
$("#close").click(function() {
$("div#controlPanel").slideUp("slow");
});
$("#toolbar a").click(function() {
$("#toolbar a").toggle();
});
});
</script>
</head>
<body topmargin="0" leftmargin="0" bgcolor="gray">
<center>
<div id="controlPanel">
</div>
<div id="toolbar">
<table border="0" width="100%" height="100%">
<tr valign="top">
<td align="right" width="72%"><p>Hello Guest!</p></td>
<td align="left">
<a id="open" class="open" href="#">Log In | Register </a>
<a id="close" style="display: none;" class="close" href="#">Close Panel</a>
</td>
</tr>
</table>
</div>
</body>
<html>