jquery控制頁面的展開和隱藏實現(xiàn)方法(推薦)
更新時間:2016年10月15日 11:51:09 投稿:jingxian
下面小編就為大家?guī)硪黄猨query控制頁面的展開和隱藏實現(xiàn)方法(推薦)。小編覺得挺不錯的,現(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控制頁面的展開和隱藏實現(xiàn)方法(推薦)全部內容了,希望大家多多支持腳本之家~
相關文章
如何將 jQuery 從你的 Bootstrap 項目中移除(取而代之使用Vue.js)
Bootstrap是網(wǎng)上最流行的前端開發(fā)框架。下面通過本文給大家分享將 jQuery 從你的 Bootstrap 項目中移除的方法,需要的的朋友參考下吧2017-07-07jQuery動態(tài)添加可拖動元素完整實例(附demo源碼下載)
這篇文章主要介紹了jQuery動態(tài)添加可拖動元素的方法,可實現(xiàn)簡單的點擊添加元素,并且添加的元素可進行拖動操作.涉及jQuery響應鼠標事件動態(tài)操作頁面元素的相關技巧,需要的朋友可以參考下2016-06-06jQuery.get、jQuery.getJSON、jQuery.post無法返回JSON問題的解決方法
在WEB項目中,經常會使用到jQuery進行AJAX請求,但是自從使用了.net 3.5以后,以往寫的請求語句就有些小問題了,就是返回的始終是xml,而并不是JSON2011-07-07jQuery插件zTree實現(xiàn)單獨選中根節(jié)點中第一個節(jié)點示例
這篇文章主要介紹了jQuery插件zTree實現(xiàn)單獨選中根節(jié)點中第一個節(jié)點的方法,結合實例形式分析了jQuery樹形插件zTree的具體使用技巧,需要的朋友可以參考下2017-03-03