JS点击显示内容再点击隐藏

实现点击后显示指定内容，再点击隐藏

<a href="javascript:" onclick="showdiv()" >点击按钮</a>
<div class="box" style="display: none">内容区</div>

JS

<script>
   function showdiv(){
      if(showdiv_display=document.getElementById('box').style.display=='none'){
         document.getElementById('box').style.display='block';
      }else{
         document.getElementById('box').style.display='none';
      }
   }
</script>