jquery控制頁面的展開和隱藏實(shí)現(xiàn)方法(推薦)
【jquery代碼】
<script> require(["jquery","validate","bootstrap","lhgcalendar"],function($) { $(function(){ $("form").validate(); }); $(".up").click(function(){ $(this).parent().parent().parent().parent().next().slideToggle("slow"); }); }); </script>
【HTML代碼】
<div class="panel panel-default"> <table class="table table-bordered"> <thead> <tr class=" active" id="a3"> <th width="15%" style="text-align:center;">加盟狀態(tài)</th> <th width="25%" style="text-align:center;">申請表名稱</th> <th width="25%" style="text-align:center;">審核情況</th> <th width="25%" style="text-align:center;">操作</th> <th width="10%" style="text-align:center;">隱藏/展開切換</th> </tr> </thead> <tbod> <tr style="text-align:center;" class=" active"> <td><strong class="text-warning">第1步:<? echo $stage->name;?></strong></td> <td><a href="#">《信息表》</a></td> <td>-</td> <td>-</td> <td> <span class="up text-info" ><i class="glyphicon glyphicon-chevron-down"style="padding:0px 5px 0 5px;"></i></span> </td> </tr> </tbody> </table> <div class="panel-body" style="display:none;"> <table class="table"> <tbody> <tr> <td>-</td> <td>-</td><pre name="code" class="html"> <td>-</td> </tr> </tbody> </table> </div> </div>
以上就是小編為大家?guī)淼膉query控制頁面的展開和隱藏實(shí)現(xiàn)方法(推薦)全部內(nèi)容了,希望大家多多支持腳本之家~
- jQuery實(shí)現(xiàn)DIV響應(yīng)鼠標(biāo)滑過由下向上展開效果示例【測試可用】
- 基于jQuery實(shí)現(xiàn)下拉收縮(展開與折疊)特效
- jQuery實(shí)現(xiàn)DIV層收縮展開的方法
- jquery實(shí)現(xiàn)可點(diǎn)擊伸縮與展開的菜單效果代碼
- jquery實(shí)現(xiàn)點(diǎn)擊查看更多內(nèi)容控制段落文字展開折疊效果
- jQuery實(shí)現(xiàn)文本展開收縮特效
- jQuery實(shí)現(xiàn)表格展開與折疊的方法
- jquery實(shí)現(xiàn)先淡出再折疊收起的動畫效果
- jQuery使用slideUp方法實(shí)現(xiàn)控制元素緩慢收起
- jQuery實(shí)現(xiàn)的頁面詳情展開收起功能示例
相關(guān)文章
如何將 jQuery 從你的 Bootstrap 項(xiàng)目中移除(取而代之使用Vue.js)
Bootstrap是網(wǎng)上最流行的前端開發(fā)框架。下面通過本文給大家分享將 jQuery 從你的 Bootstrap 項(xiàng)目中移除的方法,需要的的朋友參考下吧2017-07-07jQuery動態(tài)添加可拖動元素完整實(shí)例(附demo源碼下載)
這篇文章主要介紹了jQuery動態(tài)添加可拖動元素的方法,可實(shí)現(xiàn)簡單的點(diǎn)擊添加元素,并且添加的元素可進(jìn)行拖動操作.涉及jQuery響應(yīng)鼠標(biāo)事件動態(tài)操作頁面元素的相關(guān)技巧,需要的朋友可以參考下2016-06-06jQuery實(shí)現(xiàn)ajax無刷新分頁頁碼控件
這篇文章主要介紹了jQuery實(shí)現(xiàn)ajax無刷新分頁頁碼控件,需要的朋友可以參考下2017-02-02jQuery.get、jQuery.getJSON、jQuery.post無法返回JSON問題的解決方法
在WEB項(xiàng)目中,經(jīng)常會使用到j(luò)Query進(jìn)行AJAX請求,但是自從使用了.net 3.5以后,以往寫的請求語句就有些小問題了,就是返回的始終是xml,而并不是JSON2011-07-07jQuery+CSS實(shí)現(xiàn)一個(gè)側(cè)滑導(dǎo)航菜單代碼
側(cè)滑菜單在網(wǎng)站設(shè)計(jì)中應(yīng)用比較廣泛,在許多網(wǎng)站上都可以看到此種類型的菜單。本文給大家介紹jQuery+CSS實(shí)現(xiàn)一個(gè)側(cè)滑導(dǎo)航菜單代碼,需要的朋友參考下吧2016-05-05jQuery插件zTree實(shí)現(xiàn)單獨(dú)選中根節(jié)點(diǎn)中第一個(gè)節(jié)點(diǎn)示例
這篇文章主要介紹了jQuery插件zTree實(shí)現(xiàn)單獨(dú)選中根節(jié)點(diǎn)中第一個(gè)節(jié)點(diǎn)的方法,結(jié)合實(shí)例形式分析了jQuery樹形插件zTree的具體使用技巧,需要的朋友可以參考下2017-03-03jquery實(shí)現(xiàn)背景跟隨鼠標(biāo)滑動導(dǎo)航
這篇文章主要為大家詳細(xì)介紹了jquery背景跟隨鼠標(biāo)滑動導(dǎo)航,特別美觀,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2015-11-11跟著JQuery API學(xué)Jquery 之二 屬性
在選擇器的API學(xué)習(xí)中,走馬觀花的把選擇器過了一遍,但是選擇歸選擇,選擇出來了沒干什么事,也沒有什么用嘛2010-04-04