Jquery .hide problem
- by Sergio
I'm using jquery to show animated MSN like window at the bottom of the page.
Jquery code:
$(document).ready(function() {
$(" .inner").stop().animate({height:'142px'},{queue:false, duration:600});
$(' .close').click(function(event) {
$(' .inner').hide();
});
$(' .inner').click(function() {
location.replace("somepage.php");
});
});
The CSS:
.close {height:14px; z-index:100; position: absolute; margin-left:174px; margin-top:12px; border:1px solid #F00;}
.inner {position:absolute;bottom:0;width:201px;height:117px;right: 0; margin-right:10px; float:left; z-index:-1; display:block; cursor:pointer;}
The problem that I have with this code is that the close button (showing at the right top corner of .inner DIV) can't fire Jquery .hide function.
Why?
