基于jquery的slideDown和slideUp做手風琴

更新時間：2011年02月12日 15:47:52 投稿：mdxy-dxy

slideDown和slideUp做手風琴菜單面板的代碼，也就是大家常說的折疊/展開菜單，不少朋友都喜歡的風格，本代碼兼容性好，簡單易懂，便于修改，希望大家喜歡。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>手風琴</title><style>*{ padding:0; margin:0; }body{ background:#fafafa; font-size:12px; }.slider{ line-height:24px; width:700px; color:#7ecef4; margin:10px auto; background:#010e16; }.slider dt{ background:#f5f5d2; padding-left:30px; cursor:pointer; overflow:hidden; background:#1b1b1b; border-bottom:1px solid #fff; height:32px; line-height:32px; }.slider dt.slider_open{background:#707070; color:# }.slider dd{ display:none; background:#f1f1ea; height:90px; background:#111; border-bottom:1px dashed #fafafa; overflow:hidden;}.slider dd p{ padding:10px 20px; overflow:hidden; }</style></head><body><dl class="slider"><dt class="slider_open">趙本山，央視春晚</dt><dd><p>央視春晚臺柱子趙本山在2011年央視春晚演出后，不得不接受緊急治療。從個體人性角度祝愿這老爺子健康長壽。但諾將其身體狀況作為一種文化隱喻，它卻預示著CCTV洗/腦愚樂文化正面臨無可奈何花落去壽終正襟的命運。</p></dd><dt>支持打拐</dt><dd><p>據(jù)媒體報道，濮存昕也表示對打拐的支持。他建議全國公安系統(tǒng)應盡快建立起一支專業(yè)的打拐隊伍，各地公安機關應當設立專門的打拐機構，配備必要的編制和專項經費。</p></dd><dt>愛的真言</dt><dd><p>我曾經喜歡八八，堅定只有八八才能給川兒幸福、只是最近幾集，你讓我情何以堪？感動，心疼，糾結，真的是不悲不喜了！現(xiàn)在我的心情。。很難過、不知道應該選擇八八還是四四呢？</p></dd><dt>注意保重身體</dt><dd><p>還頭痛嗎？如果不是生病引起的頭痛,我一般會聽聽音樂,自己喜歡的音樂,用心做自己的事固然是對的,但不要忽略自己的身體。</p></dd></dl>如果是通過網頁運行代碼的，需要刷新下才能看到效果。</body></html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章: