显示和隐藏div

//change()函数，实现隐藏和显示div

 

<script type="text/javascript">
  function change(id){
   if(document.getElementById(id).style.display=="block")
    document.getElementById(id).style.display="none";
   else
    document.getElementById(id).style.display="block";
  }

 

 

//以下使用change()隐藏和显示div

<a href="javascript:change('book')" style="font-size: 16">书籍</a>
  <div id="book" style="display: block" οnclick="change("id")">
    &nbsp;&nbsp;<img src="../img/a.gif"><a href="" target="rightFrame">计算类 </a>
   <br>
    &nbsp;&nbsp;<img src="../img/a.gif"><a href="" target="rightFrame">社科类</a>
  </div>
  <br>
  <a href="javascript:change('computer')" style="font-size: 16">笔记本电脑</a>
  <div id="computer" style="display: block" οnclick="change("id")">
    &nbsp;&nbsp;<img src="../img/a.gif"><a href="" target="rightFrame">IBM </a>
   <br>
    &nbsp;&nbsp;<img src="../img/a.gif"><a href="" target="rightFrame">HP</a>
  </div>
  <br>
  <a href="javascript:change('cellphone')" style="font-size: 16">手机</a>
  <div id="cellphone" style="display: block" οnclick="change("id")">
    &nbsp;&nbsp;<img src="../img/a.gif"><a href="" target="rightFrame">NOKIA </a>
   <br>
    &nbsp;&nbsp;<img src="../img/a.gif"><a href="" target="rightFrame">IPHONE</a>
  </div>