控制文字內(nèi)容的顯示與隱藏示例
更新時(shí)間：2014年06月11日 09:05:34 作者：
控制某id或class的地div顯示與隱藏是比較容易實(shí)現(xiàn)的，但若控制文字內(nèi)容的顯示與隱藏該如何做到呢？下面有個(gè)示例，大家可以參考下
復(fù)制代碼 代碼如下:
<a href="javascript:void(0);" id="open" onclick="document.getElementById('content').style='display:block';
document.getElementById('open').style='display:none';
document.getElementById('hidden').style='display:block;'" style="display:block">展開</a>
<a href="javascript:void(0);" id="hidden" type="hidden" onclick="document.getElementById('content').style='display:none';
document.getElementById('hidden').style='display:none';
document.getElementById('open').style='display:block';" style="display:none">關(guān)閉</a>
<div id="content" class="a" style="display:none">
<p>腳本之家提供最新的網(wǎng)絡(luò)編程、腳本編程、網(wǎng)頁(yè)制作、網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)頁(yè)特效，為站長(zhǎng)與網(wǎng)絡(luò)編程從業(yè)者提供學(xué)習(xí)資料</p>
</div>
相關(guān)文章
本篇文章主要介紹了Bootstrap提示框效果的實(shí)例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
短視頻(douyin)去水印工具的實(shí)現(xiàn)代碼
這篇文章主要介紹了市面上短視頻(douyin)"去水印"的工具原來(lái)是這樣實(shí)現(xiàn)的,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-03-03
本文通過(guò)實(shí)例代碼給大家介紹了JS中NEW的實(shí)現(xiàn)原理及重寫，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2020-02-02
javascript下利用for( in )語(yǔ)句 獲得所有事件名稱的代碼
2008-02-02
先明白js能放在HTML的那個(gè)位置，分別是head和body中。大部分人都是放到head里面的。下面為大家介紹下放到這兩個(gè)地方的區(qū)別2013-08-08
編寫更好的JavaScript條件式和匹配條件的技巧(小結(jié))
這篇文章主要介紹了編寫更好的JavaScript條件式和匹配條件的技巧(小結(jié))，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
接著（2）來(lái)講。筆記（2）已經(jīng)講了引用和函數(shù)重載，接下來(lái)講解作用域。2009-09-09
網(wǎng)頁(yè)右下角彈出窗體實(shí)現(xiàn)代碼
右下角彈出窗體的效果在瀏覽網(wǎng)頁(yè)的時(shí)候會(huì)遇到，那么它是怎么實(shí)現(xiàn)的呢？本文有個(gè)不錯(cuò)的示例，大家可以參考下2014-06-06
TypeScript快速上手語(yǔ)法及結(jié)合vue3用法詳解
TypeScript是一種由微軟開發(fā)的自由開源的編程語(yǔ)言,主要提供了類型系統(tǒng)和對(duì)ES6的支持,下面這篇文章主要給大家介紹了關(guān)于TypeScript快速上手語(yǔ)法及結(jié)合vue3用法的相關(guān)資料,需要的朋友可以參考下2024-02-02
在表單提交前經(jīng)常遇到表單驗(yàn)證問(wèn)題而常用的方法有以下兩種.2009-11-11