Jquery實現div摺疊伸展

摺疊時:

摺疊

展開時:

展開

 

Javascript:

 <script language ="javascript" type ="text/javascript">
  function showdiv(divname) {              
           //  alert($("#" + divname).css("display")+divname );
             if ($("#" + divname).css("display") == "none") {       //顯示div
                 $("#" + divname).slideDown(1000);
             
                 SetCookie(divname, true);
                
               //  if (document.cookie != "") alert(getCookie("youhui"));
             }
             else if ($("#" + divname).css("display") == "block") {       //隱藏div
             $("#" + divname).slideUp(1000);
             SetCookie(divname, false);
             delcookie(divname);
            // alert(getCookie(divname));
              }
            else  {
                $("#" + divname).slideDown(1000);
                SetCookie(divname, true);
                alert("執行出錯");
              }
             }
    </script>

 

<body>

    <table class="style1">
        <tr>
            <td>
                &nbsp;書庫管理</td>
            <td align="right">
                <b title="展開|收縮" οnclick="showdiv('bookstore')">&gt;&gt;</b></td>
        </tr>
    </table>
        <div  id="bookstore"  ></div>

</body>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章