모바일 메뉴버튼 열고 닫기

<div style="font-size:30px;">

<script type="text/javascript">

function showID(id)

{

obj=document.getElementById(id);

if(obj.style.display == "none") 

  obj.style.display="inline";

else

  obj.style.display="none";

}

</script>

<div id="buy_btn" >

<a href="#" onclick="showID('buy_btn_detail');"><p>메뉴</p></a>

</div>

<div id="buy_btn_detail" style="display:none;">

<div style="border:1px solid #999; text-align:center; font-size:15px; width:100px; margin:3px auto;">

<a href="#" onclick="showID('buy_btn_detail');">▼닫기</a>

<p>메뉴1</p>

<p>메뉴2</p>

<p>3</p>

<p>4</p>

</div>

</div>

</div>

#buy_btn {position:fixed; bottom:20px; left:30px; background-color:#fff;}

#buy_btn_detail{position:fixed; bottom:20px; left:30px; background-color:#fff;}