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