1.html
<a id="more" onclick="moreFun()">更多</a>
<ul id="moreList" style="display:none">
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
</ul>
2.實現點擊更多按鈕彈出moreLise列表,點擊頁面其他地方關閉moreLise列表,js代碼如下:
//使用toggle方法實現列表的展開和關閉
function moreFun(){
$("#moreList").toggle();
}
//點擊頁面其他地方關閉
document.onclick = function (e) {
//判斷點擊的地方是否為“更多”按鈕和彈出層是否顯示
if(!$(e.target).is(".more") && $("#moreList").is(":visible")==true){
$("#moreList").hide();
}
}
