Пытаюсь сделать следующее: при нажатии на див меню, поверх всего должен отобразится див 100%х100%. При нажатии на img с селектором close_ этот див должен "закрыться"
Такая структура в хтмл
<div id="wrapper">
<div></div>
<div></div>
<div></div>
</div>
<script src="js/script.js" type="text/javascript"></script>
<div id="hid">
<div id="block">
<div id="head"><img src="images/Close.jpg" alt="close" id="close_"/></div>
<div id="telo"></div>
</div>
</div>
стили
#wrapper {
position:relative;
top:-300px;
margin: 50% auto;
height: 300px;
width:1000px;
z-index:1;
}
#hid {
display: none;
position:relative;
top:0px;
left:0px;
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
position: absolute;
z-index: 2;
background-image: url(../images/fon.png);
background-repeat: repeat;
}
#block {
display:block;
position:relative;
top:-400px;
margin: 50% auto;
padding:0px;
background-color: #CCCCCC;
text-align: center;
height: 502px;
width: 702px;
border: 1px solid #333333;
}
#close_ {
position:relative;
left: 330px;
padding:0px;
margin:0px;
height: 30px;
width: 30px;
cursor:pointer;
}
В script.js записано следующее
$("div","#wrapper").click(function(){
$("#hid").fadeIn("slow");
});
этот кусок нормально работает...
$("#close_").click(function () {
$("#hid").fadeOut("slow");
});
а вот этот нет((( Подскажите плиз что не так? Вроде все правильно написал...
