当用户点击
MoreDiv
时,将显示HiddenDiv
,再次点击或单击页面中的任何位置hiddenDiv
div必须被隐藏。这是我的CSS。.hiddenDiv {
margin-left:505px;
margin-top:25px;
display:none;
z-index:9876567890;
position:absolute;
width:100px;
border:1px solid #CCC;
}
.hiddenDiv ul {
list-style:none;
list-style-type:none;
padding:0;
margin:0;
}
.hiddenDiv ul li {
padding:2px;
cursor:pointer;
} .hiddenDiv ul li:hover {
background-color:#4681C5;
}
这是我的div
<div class="hiddenDiv">
<ul>
<li>Add favorites</li>
<li>Give a Gift</li>
<li>Block</li>
</ul>
</div>
这是我的jQuery代码
$(document).ready(function() {
$('div.moreDiv').click(function() {
$(".hiddenDiv").css('display', 'block');
});
});