javascript實現(xiàn)table單元格點擊展開隱藏效果(實例代碼)
更新時間：2017年04月10日 08:45:51 作者：下小朋友
這篇文章主要介紹了javascript實現(xiàn)table單元格點擊展開隱藏效果的實例代碼講解，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友可以參考下
如果table元素的高如果不設置，是根據(jù)內(nèi)容撐開的，根據(jù)這個規(guī)則，可以用js控制默認狀態(tài)下table-cell的寬度，并將這一列的table-cell設置為dispaly：block，這樣多出來的內(nèi)容就會被隱藏掉，添加點擊事件，把table-cell的display在block和table-cell之間切換，就能實現(xiàn)點擊展開隱藏效果啦！
js代碼如下：
$('.cell').click(function(){
if($(this).css('display')=='block'){
console.log('ok');
$(this).css('display'，'table-cell');
}else{
$(this).css('display'，'block');
}
});
超級簡單！不過設置為block之后，表格的border重疊就會失效，要對這個動態(tài)的列單獨再設置一下樣式，去掉它的邊框~
相關文章
這篇文章主要介紹了JS中input表單隱藏域及其使用方法講解，非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-02-02
這篇文章主要介紹了如何去除js中的json存在的轉義字符\問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
這篇文章主要介紹了點評js異步加載的4種方式，幫助大家更全面的了解js異步加載方式，感興趣的小伙伴們可以參考一下2015-12-12
最近掌門人在寫3D游戲,對于其中的物理效果很感興趣,今天我將使用純JavaScript來實現(xiàn)一個簡易的物理模擬,其中包括碰撞檢測與響應、摩擦力與空氣阻力、以及物體的破壞效果,文中通過代碼示例講解的非常詳細,需要的朋友可以參考下2024-01-01
這篇文章主要介紹了如何用JS求Number類型數(shù)組中最大元素2018-04-04
之前的彈出層做的挺好，但是代碼結構有問題，這次用到了，重構了一下，改為jQuery的插件形式，感覺還不錯，有興趣的朋友可以參考下，希望可以幫助到你2013-04-04
這篇文章主要為大家詳細介紹了JS實現(xiàn)炫酷雪花飄落效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
這篇文章主要介紹了JavaScript的流程控制語句，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了JavaScript Window瀏覽器對象模型,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-05-05
這篇文章主要為大家詳細介紹了laydate日歷控件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11