1、在HTML中元素的隱藏和顯示是靠CSS的display屬性，當(dāng)display=時(shí)，元素隱藏 可以通過jquery的toggle方法控制display 先在頁面放一個(gè)按鈕和iframe 顯示隱藏ltbotton引入jQuery庫文件 給onshow添加單擊事件 $function；selectortogglespeed，callbackspeed可選規(guī)定 hideshow 效果的速度默認(rèn)是 quot0quot可能的值毫秒比如 1500quotslowquotquotnormalquotquotfastquotcallback可選當(dāng) toggle 方法完成時(shí)執(zhí)行的函數(shù)4顯示或隱藏；1隱藏元素 使用hide方法，如下圖2顯示隱藏的元素，使用show方法，如下圖。

2、1toggletoggle方法除了模擬鼠標(biāo)連續(xù)單擊事件之外，同時(shí)會(huì)動(dòng)態(tài)的隱藏改變當(dāng)前元素的高度，寬度和不透明度，最終切換當(dāng)前元素的可見狀態(tài)如果元素可見，則切換隱藏狀態(tài)，如元素隱藏，切換可見狀態(tài) 2fadeln與fadeOut；2然后引入Jquery的庫文件，編寫代碼首先獲取a標(biāo)簽的dom并給它加一個(gè)click事件，在click的回調(diào)中判斷div是否為隱藏狀態(tài)，是的話就隱藏div否則就顯示div3最后來到編輯器右側(cè)的瀏覽器，可以看到此時(shí)div是顯示的4點(diǎn)擊；這段的兩個(gè)按鈕，可以實(shí)現(xiàn)單獨(dú)控制 及 同時(shí)控制 quot顯示quot和quot隱藏quot 的功能$function $quota1， a2quotonquotclickquot，function $quotbquottoggle；今天的重點(diǎn)不是顯示和隱藏，而是監(jiān)聽某個(gè)布爾變量值，自動(dòng)改變?cè)仫@示和隱藏狀態(tài)監(jiān)聽函數(shù)if判斷選擇dom設(shè)置dom，5行代碼搞不定吧，而且毫無技術(shù)含量看代碼 ngshow and nghide directives 字符串1 字符串2。

3、toggle方法已經(jīng)被jquery18之后所拋棄，所以我們?cè)谟胻oggle實(shí)現(xiàn)元素的隱藏和顯示時(shí)不能直接用toggle要么使用18之前的jquery，要么替代替代html頁面 顯示與隱藏 請(qǐng)點(diǎn)擊這里 var i =0quotbuttonquotclickfunction；quotselectquothide 隱藏下拉框$quotselectquotshow 顯示下拉框$quotselectquottoggle 如果下拉框是顯示的則隱藏之，反之亦然示例代碼如下 創(chuàng)建Html元素 點(diǎn)擊按鈕可以顯示或隱藏下拉框請(qǐng)；顯示隱藏文件的最簡(jiǎn)單方法是使用終端只要打開終端位于應(yīng)用程序?qū)嵱霉ぞ?，將以下代碼復(fù)制進(jìn)去然后回車 defaults write AppleShowAllFiles bool YES Finder需要重啟才能應(yīng)用修改，在終端中接著輸入 kill；需要準(zhǔn)備的材料分別有電腦html編輯器瀏覽器1首先，打開html編輯器，新建html文件，例如indexhtml，并引入jquery2在indexhtml中的標(biāo)簽，輸入jquery代碼#39button#39clickfunction if $thist；jQuery提供了toggle函數(shù)用于切換顯示和隱藏顯示被隱藏的元素，隱藏已顯示的元素，示例代碼切換顯示我是目標(biāo)元素$documentreadyfunction $quotbuttonquotclickfunction $quot#testquottoggle。

4、function 頁面加載完成之后，進(jìn)行事件綁定 $quot#btnquottoggle function $quot#divquothide 第1，3，5，7，8，9次點(diǎn)擊按鈕，div隱藏 ， function $quot#div。

5、jQuery toggle是一種前端交互效果，其意思是在兩個(gè)狀態(tài)之間切換顯示在需要展開和折疊內(nèi)容的地方使用它可以提供很好的用戶體驗(yàn)比如，可以將一個(gè)列表的詳細(xì)內(nèi)容隱藏起來，只顯示摘要，用戶需要展開時(shí)再觀看詳細(xì)內(nèi)容，通過jQuery。

6、toggle 的作用就是當(dāng)對(duì)象是顯示的就隱藏，當(dāng)是隱藏的則顯示 如果你除了顯示和隱藏之外還需要同時(shí)實(shí)現(xiàn)其他功能的話，可以這樣$documentreadyfunctione $quotbutquotclickfunctione if $quotabcquot。