DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery常見問題 >> 展開、收起div的jQuery代碼
展開、收起div的jQuery代碼
編輯:JQuery常見問題     
實際效果,請點擊下面鏈接:
展開

隱藏內容

隱藏內容



代碼如下:

<a href="javascript:;" id="toggle_keleyi_com" target="_self">展開</a>
<div id="content" style="display: none;"><p>隱藏內容 <p><p>隱藏內容 <p></div>
<script type="text/javascript" src="http:///keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(function() {
$("#toggle_kel"+"eyi_com").click(function() {
$(this).text($("#content").is(":hidden") ? "收起" : "展開");
$("#content").slideToggle();
});
});
</script>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved