ID がtools
onclick であるボタンがあり、いくつかのリンクを含むメニューが表示され、ページの他の場所をクリックすると、このメニューが非表示になります。
すべてがうまく機能すると思いますが、ボタンをクリックしてもメニューが非表示になりません ( #up,#del,#tools
)
$('#tools').click(function(){
var ofset = $(this).offset();
$('#moreMenu').css({'top':(ofset.top+35),'left':ofset.left,'display':'',});
return false;
});
$(window).click(function(){$('#moreMenu').hide();});
<div id='moreMenu' style='width:250px;background-color:#f0f0f0;border:2px solid gray;height:100px;position:absolute;display:none;'>some menu</div>
<button id='up' title='up' ><img src='../images/beta/up.png'></button>
<button id='del' title='del' ><img src='../images/beta/delete.png'></button>
<button id='tools' title='tools' style='width:70px;' ><img src='../images/beta/tools.png' style='margin-right:30%;'></button>
どのようにすべての要素を非表示にすることができます!?